:root {
    --primary-accent: #00A3FF; --secondary-accent: #8A2BE2;
    --background-dark: #0A0A1A; --glass-bg: rgba(31, 41, 55, 0.5); 
    --glass-border: rgba(255, 255, 255, 0.1); --text-primary: #FFFFFF; 
    --text-secondary: #A0A0B4; --font-family: 'Inter', sans-serif;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body { font-family: var(--font-family); background-color: var(--background-dark); color: var(--text-primary); }
.aurora-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden;}
.aurora-shape{position:absolute;border-radius:50%;filter:blur(150px);opacity:0.2;}
.aurora-shape.shape1{width:400px;height:400px;background:var(--primary-accent);top:-150px;left:-150px;}
.aurora-shape.shape2{width:300px;height:300px;background:var(--secondary-accent);bottom:-100px;right:-100px;}
.centered-container { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px; }
.logo { font-size: 24px; font-weight: 700; color: var(--text-primary); text-decoration: none; }
.glass-card { background: var(--glass-bg); border-radius: 24px; padding: 40px; border: 1px solid var(--glass-border); backdrop-filter: blur(20px); }
.registration-form { text-align: center; max-width: 450px; width: 100%; }
.registration-form .logo { display: block; margin-bottom: 24px; }
.registration-form h2 { font-size: 28px; margin-bottom: 8px; }
.registration-form .subtitle { color: var(--text-secondary); margin-bottom: 32px; }
.info-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
.info-box { background: rgba(0,0,0,0.2); border-radius: 12px; padding: 16px; text-align: center; }
.info-title { display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; color: var(--text-secondary); margin-bottom: 8px; }
.info-box strong { font-size: 18px; font-weight: 700; color: var(--text-primary); }
.form-group { text-align: left; margin-bottom: 24px; }
.form-group label { font-size: 14px; color: var(--text-secondary); margin-bottom: 8px; display: block; }
.input-with-adornment { position: relative; }
input[type="text"], input[type="number"] { width: 100%; padding: 14px 20px; background: rgba(0,0,0,0.2); border: 1px solid var(--glass-border); border-radius: 8px; color: var(--text-primary); font-size: 18px; font-weight: 600; }
.input-with-adornment input { padding-right: 70px; }
.input-with-adornment span { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); color: var(--text-secondary); font-weight: 600; }
.btn { border: none; border-radius: 8px; font-weight: 600; padding: 16px 24px; cursor: pointer; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 8px; font-size: 18px; width: 100%; justify-content: center;}
.btn-primary { background-color: var(--primary-accent); color: var(--text-primary); box-shadow: 0 0 20px rgba(0, 163, 255, 0.4); }
.btn-primary:hover { transform: translateY(-3px); }
.status-text { margin-top: 16px; min-height: 20px; font-weight: 500; }
.logo-img {
    height: 40px;
    width: auto;  
    margin-right: 10px; 
}