*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#a8b9ff,#c4b5fd);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container{width:100%;max-width:600px;margin:0 auto}.card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px rgba(0,0,0,.3)}h1{font-size:32px;font-weight:700;color:#1a202c;margin-bottom:8px}.subtitle,h1{text-align:center}.subtitle{font-size:16px;color:#718096}.auth-section,.subtitle{margin-bottom:32px}.input-group{display:flex;gap:12px;margin-bottom:12px}.input{flex:1 1;padding:12px 16px;font-size:16px;border:2px solid #e2e8f0;border-radius:8px;outline:none;transition:all .2s}.input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.input:disabled{background-color:#f7fafc;cursor:not-allowed}.btn{padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#667eea;color:#fff}.btn-primary:hover:not(:disabled){background-color:#5568d3;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn-secondary{background-color:#e2e8f0;color:#4a5568}.btn-secondary:hover:not(:disabled){background-color:#cbd5e0;transform:translateY(-1px)}.error{color:#e53e3e;font-size:14px;margin-top:8px;padding:8px 12px;background-color:#fff5f5;border-radius:6px;border-left:3px solid #e53e3e}.user-section{margin-bottom:32px;justify-content:space-between;padding:20px;background-color:#f7fafc;border-radius:12px}.user-info,.user-section{display:flex;align-items:center}.user-info{gap:16px}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#a8b9ff,#c4b5fd);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}.user-name{font-size:18px;font-weight:600;color:#1a202c;margin-bottom:4px}.user-email{font-size:14px;color:#718096}.info-box{background-color:#edf2f7;padding:20px;border-radius:8px;border-left:4px solid #667eea}.info-box h3{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:12px}.info-box ul{list-style:none;padding:0}.info-box li{font-size:14px;color:#4a5568;margin-bottom:8px;padding-left:20px;position:relative}.info-box li:before{content:"•";position:absolute;left:6px;color:#667eea;font-weight:700}.info-box li:last-child{margin-bottom:0}.info-box strong{color:#2d3748;font-weight:600}@media (max-width:640px){.card{padding:24px}h1{font-size:24px}.input-group,.user-section{flex-direction:column}.user-section{gap:16px}.btn{width:100%}}