:root{--brand-primary:#0d6efd;--brand-gradient:linear-gradient(135deg,#0d6efd 0%,#6610f2 100%);}.landing-body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;}.hero-section{background:var(--brand-gradient);color:#fff;padding:100px 0 80px;position:relative;overflow:hidden;}.hero-section::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:rgba(255,255,255,0.05);border-radius:50%;}.hero-section::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:rgba(255,255,255,0.03);border-radius:50%;}.hero-title{font-size:3rem;font-weight:800;line-height:1.15;}.hero-subtitle{font-size:1.25rem;opacity:0.9;max-width:600px;}.feature-card{border:1px solid var(--bs-border-color);border-radius:16px;padding:2rem;height:100%;transition:transform 0.2s,box-shadow 0.2s;background:var(--bs-body-bg);}.feature-card:hover{transform:translateY(-6px);box-shadow:0 1rem 2rem rgba(0,0,0,0.08);}.feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem;}.step-number{width:48px;height:48px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;margin:0 auto 1rem;}.cta-section{background:var(--brand-gradient);color:#fff;padding:80px 0;}.navbar-landing{background:var(--bs-body-bg);backdrop-filter:blur(10px);box-shadow:0 1px 3px rgba(0,0,0,0.06);}.footer-landing{background:#1a1d21;color:rgba(255,255,255,0.7);padding:40px 0;}.features-section{background:var(--bs-tertiary-bg);}.how-section{background:var(--bs-tertiary-bg);}.auth-modal-content{border:none;border-radius:18px;box-shadow:0 1.5rem 4rem rgba(0,0,0,0.2);}.auth-logo{width:64px;height:64px;margin:0 auto 12px;border-radius:16px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.8rem;}.auth-alert{border-radius:8px;font-size:0.9rem;}.auth-toggle-pass{cursor:pointer;}@media (max-width:768px){.hero-title{font-size:2rem;}.hero-subtitle{font-size:1rem;}}