body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at top,#2c2f4a,#0f111a);color:#fff}.profile-container{min-height:50vh;display:flex;flex-direction:column;align-items:center;gap:25px;margin-top:0}.title{font-size:36px;font-weight:600;letter-spacing:1px}.sub-title{font-size:22px;opacity:.9}.login-box{display:flex;gap:12px;background:#ffffff0d;padding:20px;border-radius:14px;box-shadow:0 10px 30px #0009}.input-field{width:200px;padding:12px 14px;border-radius:8px;border:1px solid #444;outline:none;font-size:15px;background:#121424;color:#fff;transition:all .3s ease}.input-field::placeholder{color:#aaa}.input-field:focus{border-color:#5da9ff;box-shadow:0 0 0 2px #5da9ff4d}.login-btn{padding:12px 22px;border-radius:8px;border:none;font-size:15px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#5da9ff,#7f7cff);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #5da9ff66}.profile-card{margin-top:14px;background:#ffffff0f;padding:25px 40px;border-radius:16px;text-align:center;box-shadow:0 10px 30px #00000080}.profile-title{font-size:26px;margin-bottom:15px}.profile-text{font-size:18px;margin:8px 0;opacity:.95}.profile-label{color:#5da9ff;font-weight:600}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}body{background:radial-gradient(circle at top,#1f1f2e,#0f0f14);color:#fff;font-family:Inter,system-ui,sans-serif}.form{display:flex;gap:12px;align-items:center;justify-content:center}.input{width:280px;padding:14px 16px;font-size:15px;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);outline:none;transition:all .3s ease}.input::placeholder{color:#a1a1aa}.input:hover{border-color:#6366f199}.input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f140,0 0 18px #6366f199;transform:scale(1.02)}.button{padding:14px 28px;font-size:15px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:14px;cursor:pointer;box-shadow:0 8px 20px #6366f173;transition:all .3s ease}.button:hover{transform:translateY(-3px);box-shadow:0 14px 35px #b2a0dc99}.button:active{transform:scale(.96)}.button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}@keyframes fadeSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}