:root{--gothic-black:#050505;--gothic-dark-grey:#141414e6;--gothic-crimson:#8b0000;--gothic-gold:#c5a059;--gothic-gold-bright:#e9d1a1;--gothic-font-main:"MedievalSharp", cursive;--gothic-font-title:"Uncial Antiqua", cursive}body{background-color:var(--gothic-black);color:#e0e0e0;font-family:var(--gothic-font-main);background-image:none;flex-direction:column;min-height:100vh;margin:0;display:flex}h1,h2,h3{font-family:var(--gothic-font-title);color:var(--gothic-gold);text-transform:none;letter-spacing:2px;text-shadow:2px 2px 4px #000c,0 0 15px #c5a05933}.app-container{flex-direction:column;flex:1;animation:1.5s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}button{background:linear-gradient(135deg, var(--gothic-crimson) 0%, #4a0000 100%);color:var(--gothic-gold-bright);border:1px solid var(--gothic-gold);font-family:var(--gothic-font-title);cursor:pointer;border-radius:4px;padding:14px 28px;font-size:1.1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #0009}button:hover{box-shadow:0 0 25px #8b000080, 0 0 10px var(--gothic-gold);color:#fff;transform:scale(1.03)}input{border:1px solid var(--gothic-gold);color:#fff;box-sizing:border-box;width:100%;font-family:var(--gothic-font-main);background:#0a0a0af2;border-radius:4px;margin-bottom:20px;padding:14px;font-size:1.2rem}input:focus{border-color:var(--gothic-gold-bright);outline:none;box-shadow:0 0 15px #c5a0594d}.gothic-card{background:var(--gothic-dark-grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--gothic-gold);border-image:linear-gradient(to bottom, var(--gothic-gold), #444) 1;border-radius:5px;max-width:450px;margin:3rem auto;padding:3.5rem;position:relative;box-shadow:0 0 50px #000}.gothic-card:before{content:"";pointer-events:none;border:1px solid #c5a0591a;position:absolute;inset:12px}.gothic-card:after{content:"❖";background:var(--gothic-black);color:var(--gothic-gold);padding:0 15px;font-size:1.8rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}a{color:var(--gothic-gold);text-decoration:none;transition:color .3s}a:hover{color:var(--gothic-gold-bright);text-shadow:0 0 8px var(--gothic-gold)}