:root{--sp-navy:#1e3a5f;--sp-royal:#2563eb;--sp-gold:#d4a017;--sp-gold-bright:#f4c430;--sp-gold-dark:#b8860b;--sp-bg:#f1f5f9;--sp-card-bg:#fff;--sp-input-bg:#f8fafc;--sp-input-border:#e2e8f0;--sp-placeholder:#94a3b8;--sp-text:#475569;--sp-text-muted:#64748b}.sp-page{height:100vh;display:flex;flex-direction:column;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}.sp-header{position:relative;background:linear-gradient(to right,var(--sp-navy),var(--sp-royal));text-align:center;padding:16px 20px;flex-shrink:0}.sp-header-content{padding:0 20px}.sp-header-title{font-family:Plus Jakarta Sans,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0}.sp-header-gold{color:var(--sp-gold-bright)}.sp-header-subtitle{font-size:14px;color:hsla(0,0%,100%,.7);margin:4px 0 0}.sp-header-stripe{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--sp-gold-dark),var(--sp-gold),var(--sp-gold-bright),var(--sp-gold),var(--sp-gold-dark))}.sp-main{flex:1 1;min-height:0;background:var(--sp-bg);padding:24px 60px;position:relative;overflow:hidden;display:flex;align-items:stretch}.sp-decor-circle1{top:-100px;left:-200px;width:600px;height:600px;background:rgba(212,160,23,.04)}.sp-decor-circle1,.sp-decor-circle2{position:absolute;border-radius:50%;pointer-events:none}.sp-decor-circle2{bottom:-50px;right:-100px;width:500px;height:500px;background:rgba(37,99,235,.03)}.sp-cards{display:flex;gap:40px;max-width:1280px;width:100%;margin:0 auto;position:relative;z-index:1;align-items:stretch;min-height:0}.sp-login-card{width:420px;flex-shrink:0;background:var(--sp-card-bg);border-radius:20px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);overflow-y:auto;min-height:0}.sp-logo-wrap{text-align:center;margin-bottom:24px}.sp-logo{max-width:280px;height:auto}.sp-form-title{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;color:var(--sp-navy);margin:0 0 20px}.sp-form{gap:16px}.sp-form,.sp-form-group{display:flex;flex-direction:column}.sp-form-group{gap:8px}.sp-form-group,.sp-label{margin-bottom:0!important}.sp-label{font-size:13px!important;font-weight:500!important;color:var(--sp-text)!important}.sp-input-wrap{position:relative;display:flex;align-items:center}.sp-input-icon{position:absolute;left:14px;width:18px;height:18px;color:var(--sp-placeholder);pointer-events:none;z-index:1}.sp-input{width:100%;height:46px!important;padding:0 44px!important;background:var(--sp-input-bg)!important;border:1px solid var(--sp-input-border)!important;border-radius:10px!important;font-size:14px!important;color:var(--sp-text)!important;transition:border-color .2s,box-shadow .2s}.sp-input::placeholder{color:var(--sp-placeholder)}.sp-input:focus{outline:none;border-color:var(--sp-royal)!important;box-shadow:0 0 0 3px rgba(37,99,235,.1)!important}.sp-eye-btn{position:absolute;right:14px;background:none;border:none;padding:0;cursor:pointer;color:var(--sp-placeholder);width:18px;height:18px;z-index:1;display:flex;align-items:center}.sp-eye-btn:hover{color:var(--sp-text)}.sp-forgot-link{font-size:13px;font-weight:500;color:var(--sp-gold-dark);text-decoration:none;align-self:flex-start}.sp-forgot-link:hover{text-decoration:underline;color:#8b6914}.sp-btn{display:block;width:100%;text-align:center;text-decoration:none;cursor:pointer;transition:opacity .2s,transform .2s}.sp-btn-signin{height:48px;background:linear-gradient(to right,var(--sp-navy),var(--sp-royal));border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;margin-bottom:12px}.sp-btn-signin:hover{opacity:.95;transform:translateY(-1px)}.sp-btn-signin:disabled{opacity:.6;cursor:not-allowed;transform:none}.sp-btn-register{height:46px;line-height:44px;background:var(--sp-gold);border:1px solid var(--sp-gold-dark);border-radius:10px;font-size:14px;font-weight:600;color:#fff;margin-bottom:12px}.sp-btn-register:hover{background:var(--sp-gold-dark);color:#fff;text-decoration:none;transform:translateY(-1px)}.sp-resume-link{display:block;text-align:center;font-size:13px;font-weight:500;color:var(--sp-gold-dark);text-decoration:none;margin-bottom:20px}.sp-resume-link:hover{text-decoration:underline;color:#8b6914}.sp-under18{padding:14px;background:rgba(212,160,23,.08);border-radius:8px;text-align:center}.sp-under18-title{font-size:12px;font-weight:500;color:var(--sp-gold-dark);margin:0 0 4px}.sp-under18-link{font-size:11px;color:var(--sp-gold);text-decoration:none}.sp-under18-link:hover{text-decoration:underline}.sp-guide-card{flex:1 1;min-height:0;background:var(--sp-card-bg);border-radius:20px;padding:40px;box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.05);overflow-y:auto;display:flex;flex-direction:column}.sp-guide-title{font-family:Plus Jakarta Sans,sans-serif;font-size:20px;font-weight:700;color:var(--sp-navy);margin:0 0 20px}.sp-tabs{display:flex;border-bottom:1px solid var(--sp-input-border);margin-bottom:20px}.sp-tab{flex:1 1;padding:12px 0;background:none;border:none;font-size:14px;font-weight:500;color:var(--sp-text-muted);cursor:pointer;position:relative;transition:color .2s}.sp-tab:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:transparent;border-radius:2px 2px 0 0;transition:background .2s}.sp-tab:hover{color:var(--sp-navy)}.sp-tab-active{color:var(--sp-gold-dark);font-weight:600}.sp-tab-active:after{background:var(--sp-gold)}.sp-requirements{background:var(--sp-input-bg);border-radius:12px;padding:24px;flex:1 1;overflow-y:auto}.sp-req-title{margin:0 0 16px}.sp-req-subtitle,.sp-req-title{font-size:14px;font-weight:700;color:var(--sp-navy)}.sp-req-subtitle{margin:0 0 8px}.sp-req-text{font-size:13px;color:var(--sp-text);line-height:1.6;margin:0 0 16px}.sp-req-list{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:12px}.sp-req-list li{font-size:13px;color:var(--sp-text);line-height:1.6}.sp-pay-method{margin-bottom:16px}.sp-pay-method:last-child{margin-bottom:0}.sp-pay-method-title{font-size:14px;font-weight:600;color:var(--sp-navy);margin:0 0 8px}.sp-footer{background:var(--sp-navy);padding:12px 20px;text-align:center;flex-shrink:0}.sp-footer p{font-size:12px;color:rgba(212,160,23,.7);margin:0}.Toastify__toast-container{position:fixed!important;top:20px!important;right:20px!important;z-index:99999!important;width:320px!important}.Toastify__toast--error{background:#e74c3c!important;color:#fff!important}.Toastify__toast--success{background:#27ae60!important;color:#fff!important}@media (max-width:1024px){.sp-page{height:auto;min-height:100vh;overflow:auto}.sp-main{padding:16px 20px;flex:none}.sp-cards{flex-direction:column}.sp-login-card{max-width:480px}.sp-guide-card,.sp-login-card{width:100%;margin:0 auto;overflow-y:visible}.sp-guide-card{max-width:800px}}@media (max-width:640px){.sp-main{padding:12px}.sp-guide-card,.sp-login-card{padding:24px}.sp-header-title{font-size:18px}}