*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:Arial,sans-serif;background:radial-gradient(circle at top,rgba(35,38,50,.38),transparent 48%),linear-gradient(125deg,rgba(255,255,255,.025) 0,transparent 28%),#07090f;color:#d8d8d8;overflow-x:hidden}.wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;position:relative}.wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(12deg,transparent 34%,rgba(255,255,255,.045) 49%,transparent 60%);opacity:.55;pointer-events:none}.flag{width:34px;height:22px;background:linear-gradient(to bottom,#fff 50%,#d4213d 50%);border-radius:2px;margin-bottom:28px;box-shadow:0 0 12px rgba(255,255,255,.08);z-index:1}.headline{margin-bottom:28px;font-size:22px;font-weight:300;color:#e6e6e6;text-align:center;z-index:1}.card,.content-card{width:100%;max-width:420px;background:rgba(15,18,28,.88);border:1px solid rgba(255,255,255,.07);border-radius:22px;padding:36px;backdrop-filter:blur(12px);box-shadow:0 0 30px rgba(0,0,0,.45),inset 0 0 1px rgba(255,255,255,.08);z-index:1}.shield{text-align:center;font-size:38px;margin-bottom:26px;opacity:.78;color:#e4e4e4}form{display:flex;flex-direction:column;gap:14px}input{height:52px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);color:#fff;padding:0 16px;font-size:15px}input:focus{outline:none;border-color:rgba(255,255,255,.20)}button{height:52px;border:0;border-radius:12px;margin-top:6px;background:#1d2230;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}button:hover{background:#252c3d}.footer-text{margin-top:28px;font-size:14px;text-align:center;color:#a8a8a8;line-height:1.6}.error-box{margin-bottom:16px;padding:12px 14px;border-radius:12px;background:rgba(120,30,30,.22);border:1px solid rgba(255,255,255,.08);color:#f0d1d1;font-size:14px;text-align:center}.content-card{max-width:760px;line-height:1.8}.content-card h1,.content-card h2,.content-card h3{margin-bottom:16px;color:#f0f0f0}.content-card p{margin-bottom:14px}.logout-wrap{margin-top:30px}.logout-btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;background:#1d2230;color:#fff}@media(max-width:600px){.wrapper{padding:22px}.headline{font-size:19px}.card,.content-card{padding:26px}.shield{font-size:34px}input,button{height:50px}}