*,*::before,*::after{box-sizing:border-box}body{background:var(--bg-main);color:var(--text);font-family:'Inter',sans-serif;font-size:1rem;line-height:1.8}a{color:var(--sky);text-decoration:none}a:hover{color:var(--gold)}.breadcrumb-wrap{background:#0b1829;border-bottom:1px solid var(--border);padding:0.65rem 0}.breadcrumb{margin:0}.breadcrumb-item a{color:var(--sky);font-size:0.85rem}.breadcrumb-item.active{color:var(--muted);font-size:0.85rem}.breadcrumb-item + .breadcrumb-item::before{color:#475569}.section-dark{background:var(--bg-main);padding:70px 0}.section-mid{background:var(--bg-section);padding:70px 0}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800}.section-title span{color:var(--gold)}.section-subtitle{color:var(--muted);font-size:0.95rem;max-width:620px;margin:0 auto}.divider-gold{width:56px;height:4px;background:var(--gold);border-radius:2px;margin:0.65rem auto 1.4rem}.page-hero{background:linear-gradient(135deg,#0b1829 0%,#10213a 55%,#18304f 100%);padding:72px 0 60px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-120px;right:-120px;width:500px;height:500px;background:radial-gradient(circle,rgba(125,211,252,0.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.page-hero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:360px;height:360px;background:radial-gradient(circle,rgba(250,204,21,0.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}.page-hero h1{font-size:clamp(1.9rem,4vw,2.9rem);font-weight:900;line-height:1.2}.page-hero h1 span{color:var(--gold)}.page-hero p.lead{color:var(--generated-muted);font-size:1rem;max-width:560px}.tag-gold{background:rgba(250,204,21,0.12);border:1px solid var(--gold);color:var(--gold);padding:0.3rem 0.85rem;border-radius:50px;font-size:0.82rem;font-weight:700}.tag-sky{background:rgba(125,211,252,0.1);border:1px solid var(--sky);color:var(--sky);padding:0.3rem 0.85rem;border-radius:50px;font-size:0.82rem;font-weight:700}.tag-green{background:rgba(74,222,128,0.1);border:1px solid var(--green);color:var(--green);padding:0.3rem 0.85rem;border-radius:50px;font-size:0.82rem;font-weight:700}.login-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:2.25rem 2rem;position:relative}.login-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sky),var(--gold));border-radius:16px 16px 0 0}.form-label{color:var(--generated-muted);font-size:0.85rem;font-weight:600;margin-bottom:0.4rem}.form-control{background:#0f2035;border:1px solid rgba(125,211,252,0.2);color:var(--text);border-radius:8px;padding:0.75rem 1rem;font-size:0.9rem;transition:border-color 0.2s,box-shadow 0.2s}.form-control:focus{background:#0f2035;border-color:var(--sky);box-shadow:0 0 0 3px rgba(125,211,252,0.12);color:var(--text);outline:none}.form-control::placeholder{color:#475569}.input-group-text{background:#0f2035;border:1px solid rgba(125,211,252,0.2);color:var(--muted);border-right:none}.input-group .form-control{border-left:none}.password-toggle{background:#0f2035;border:1px solid rgba(125,211,252,0.2);border-left:none;color:var(--muted);cursor:pointer;padding:0 0.85rem;border-radius:0 8px 8px 0;transition:color 0.2s}.password-toggle:hover{color:var(--sky)}.form-check-input{background-color:#0f2035;border-color:rgba(125,211,252,0.3)}.form-check-input:checked{background-color:var(--sky);border-color:var(--sky)}.form-check-label{color:var(--muted);font-size:0.82rem}.btn-login{background:var(--gold);color:#0b1829;font-weight:800;font-size:1rem;border:none;padding:0.85rem;border-radius:8px;width:100%;transition:background 0.2s,transform 0.15s;letter-spacing:0.02em;cursor:pointer}.btn-login:hover{background:#e6b800;transform:translateY(-2px)}.divider-or{display:flex;align-items:center;gap:0.75rem;color:var(--muted-dark);font-size:0.8rem;margin:1.25rem 0}.divider-or::before,.divider-or::after{content:'';flex:1;height:1px;background:var(--border)}.feature-card{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.75rem 1.4rem;height:auto;transition:transform 0.2s,border-color 0.2s;position:relative;overflow:hidden}.feature-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--sky),var(--gold));opacity:0;transition:opacity 0.2s}.feature-card:hover{transform:translateY(-5px);border-color:var(--sky)}.feature-card:hover::after{opacity:1}.feature-icon{width:54px;height:54px;background:rgba(125,211,252,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--sky);margin-bottom:1rem}.feature-icon.green{background:rgba(74,222,128,0.1);color:var(--green)}.feature-icon.gold{background:rgba(250,204,21,0.1);color:var(--gold)}.feature-card h5{color:var(--text);font-weight:700;font-size:1rem;margin-bottom:0.45rem}.feature-card p{color:var(--muted);font-size:0.875rem;margin:0}.alert-gold{background:rgba(250,204,21,0.08);border:1px solid rgba(250,204,21,0.3);border-left:4px solid var(--gold);border-radius:8px;padding:1rem 1.25rem;color:#fde68a;font-size:0.875rem}.alert-sky{background:rgba(125,211,252,0.07);border:1px solid rgba(125,211,252,0.25);border-left:4px solid var(--sky);border-radius:8px;padding:1rem 1.25rem;color:color-mix(in srgb,var(--bg-light) 75%,var(--primary) 25%);font-size:0.875rem}.alert-green{background:rgba(74,222,128,0.07);border:1px solid rgba(74,222,128,0.25);border-left:4px solid var(--green);border-radius:8px;padding:1rem 1.25rem;color:#bbf7d0;font-size:0.875rem}.alert-red{background:rgba(248,113,113,0.07);border:1px solid rgba(248,113,113,0.25);border-left:4px solid var(--red);border-radius:8px;padding:1rem 1.25rem;color:#fca5a5;font-size:0.875rem;display:none}.security-strip{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.25rem 1.5rem}.security-item{display:flex;align-items:center;gap:0.6rem;color:var(--generated-muted);font-size:0.82rem}.security-item i{color:var(--green);font-size:1rem}.stat-strip{background:var(--card-bg);border:1px solid var(--border);border-radius:14px;padding:1.5rem 1rem;text-align:center}.stat-num{font-size:1.9rem;font-weight:900;color:var(--gold);line-height:1}.stat-label{color:var(--muted);font-size:0.78rem;margin-top:0.3rem}.step-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.1rem 0;border-bottom:1px solid var(--border)}.step-item:last-child{border-bottom:none}.step-num{background:var(--sky);color:#0b1829;font-weight:800;font-size:0.9rem;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-content h6{color:var(--text);font-weight:700;margin-bottom:0.2rem;font-size:0.9rem}.step-content p{color:var(--muted);font-size:0.85rem;margin:0}.prose{color:var(--generated-muted);font-size:0.9rem}.prose p{margin-bottom:0.9rem}.prose ul{padding-left:1.25rem;margin-bottom:0.9rem}.prose ul li{margin-bottom:0.35rem;color:var(--muted)}.prose strong{color:var(--sky)}.cta-banner{background:linear-gradient(135deg,#1a3358 0%,#1e3a5f 100%);border:1px solid var(--border);border-radius:16px;padding:3.5rem 2.5rem;text-align:center}.login-tabs{display:flex;background:#0f2035;border-radius:10px;padding:4px;margin-bottom:1.5rem;gap:4px}.login-tab{flex:1;text-align:center;padding:0.55rem 0.5rem;border-radius:7px;font-size:0.85rem;font-weight:600;color:var(--muted);cursor:pointer;transition:all 0.2s;border:none;background:transparent}.login-tab.active{background:var(--sky);color:#0b1829}html,body{overflow-x:clip;width:100%}