:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--teal:#0c9189;--teal-light:#10b8ae;--teal-dark:#066c66;--indigo:#11086a;--indigo-soft:#1a1060;--ink:#04060f;--ink-2:#080c1a;--surface:#0a0e1ce6;--border:#0c91892e;--border-soft:#ffffff12;--text:#f0f4ff;--text-muted:#8896b3;--text-dim:#5a6a8a;--radius:16px;--radius-sm:10px;--radius-lg:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{color:var(--text);background:var(--ink);min-width:320px;min-height:100vh}img{max-width:100%;display:block}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 10% 5%,#0c918921 0%,#0000 60%),radial-gradient(50% 35% at 90% 0,#11086a38 0%,#0000 55%),radial-gradient(80% 60% at 50% 100%,#066c6612 0%,#0000 60%),linear-gradient(#04060f 0%,#07091a 100%);position:fixed;inset:0}.public-layout{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.topbar{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--border-soft);background:#04060fd1;justify-content:space-between;align-items:center;height:68px;padding:0 clamp(1.5rem,5vw,4rem);display:flex;position:sticky;top:0}.topbar-logo{width:auto;height:36px}.topbar-nav{align-items:center;gap:.5rem;display:flex}.btn{border-radius:var(--radius-sm);white-space:nowrap;justify-content:center;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.92rem;font-weight:600;transition:opacity .15s,transform .15s,background .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dark) 100%);color:#03110f}.btn-primary:hover{opacity:.88}.btn-ghost{color:var(--text);border:1px solid var(--border-soft);background:#ffffff0d}.btn-ghost:hover{background:#ffffff1a}.btn-lg{border-radius:var(--radius);padding:.9rem 2rem;font-size:1rem}.btn-outline{color:var(--teal-light);background:0 0;border:1px solid #0c918966}.btn-outline:hover{background:#0c918914}.btn:disabled{opacity:.55;cursor:wait}.section{padding:clamp(4rem,8vw,7rem) clamp(1.5rem,5vw,4rem)}.section-center{text-align:center}.container{max-width:1100px;margin:0 auto}.hero{text-align:center;flex-direction:column;align-items:center;gap:2rem;padding:clamp(5rem,12vw,9rem) clamp(1.5rem,5vw,4rem) clamp(4rem,8vw,6rem);display:flex}.hero-badge{color:#7ff8ee;letter-spacing:.04em;background:#0c918914;border:1px solid #0c91894d;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.82rem;font-weight:600;display:inline-flex}.hero-badge-dot{background:var(--teal-light);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.02em;color:#fff;max-width:820px;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:800;line-height:1.15}.hero h1 em{background:linear-gradient(135deg, var(--teal-light) 0%, #5aeadf 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero-sub{color:var(--text-muted);max-width:580px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.7}.hero-cta{flex-wrap:wrap;justify-content:center;gap:.85rem;display:flex}.hero-stats{flex-wrap:wrap;justify-content:center;gap:2.5rem;padding-top:1rem;display:flex}.hero-stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.hero-stat strong{color:var(--teal-light);font-size:1.9rem;font-weight:800;line-height:1}.hero-stat span{color:var(--text-muted);text-align:center;font-size:.82rem}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-top:3rem;display:grid}.step-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(160deg,#0c1226e6 0%,#080c1af2 100%);flex-direction:column;gap:1rem;padding:1.75rem 1.5rem;display:flex;position:relative;overflow:hidden}.step-card:before{content:"";background:linear-gradient(90deg,#0000,#0c918980,#0000);height:2px;position:absolute;top:0;left:0;right:0}.step-num{width:44px;height:44px;color:var(--teal-light);background:linear-gradient(135deg,#0c918933,#11086a40);border:1px solid #0c918940;border-radius:12px;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.step-card h3{color:#fff;font-size:1rem;font-weight:700}.step-card p{color:var(--text-muted);font-size:.9rem;line-height:1.6}.section-label{color:var(--teal-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.78rem;font-weight:700;display:inline-block}.section-title{letter-spacing:-.02em;color:#fff;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;line-height:1.2}.section-sub{color:var(--text-muted);max-width:540px;margin-top:.75rem;font-size:1rem}.section-center .section-sub{margin-left:auto;margin-right:auto}.earnings-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.5rem;margin-top:3rem;display:grid}.earnings-card{border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:linear-gradient(160deg,#0c1226e6 0%,#080c1af2 100%);padding:2rem}.earnings-card h3{color:#fff;margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.earnings-card p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.earnings-list{flex-direction:column;gap:.75rem;display:flex}.earnings-row{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:#ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1rem;display:flex}.earnings-row span{color:var(--text-muted);font-size:.88rem}.earnings-row strong{color:var(--teal-light);font-size:.95rem}.highlight-card{border-radius:var(--radius-lg);background:linear-gradient(160deg,#0c918914 0%,#11086a1f 100%);border:1px solid #0c918940;flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.highlight-big{text-align:center}.highlight-big strong{color:var(--teal-light);font-size:3.5rem;font-weight:900;line-height:1;display:block}.highlight-big span{color:var(--text-muted);margin-top:.4rem;font-size:.88rem;display:block}.faq-list{flex-direction:column;gap:.75rem;max-width:740px;margin-top:3rem;margin-left:auto;margin-right:auto;display:flex}.faq-item{border:1px solid var(--border-soft);border-radius:var(--radius);background:#0a0e1cb3;overflow:hidden}.faq-q{color:#fff;text-align:left;background:0 0;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1.2rem 1.5rem;font-size:.95rem;font-weight:600;display:flex}.faq-q:hover{background:#ffffff08}.faq-icon{color:var(--teal-light);flex-shrink:0;font-size:1.3rem;font-weight:300;transition:transform .2s}.faq-icon.open{transform:rotate(45deg)}.faq-a{color:var(--text-muted);padding:0 1.5rem 1.2rem;font-size:.9rem;line-height:1.7}.cta-banner{border-radius:var(--radius-lg);background:linear-gradient(135deg,#0c918926 0%,#11086a33 100%);border:1px solid #0c918933;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin:0 clamp(1.5rem,5vw,4rem) 4rem;padding:3.5rem clamp(2rem,6vw,5rem);display:flex}.cta-banner h2{color:#fff;letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2rem);font-weight:800}.cta-banner p{color:var(--text-muted);margin-top:.5rem;font-size:.95rem}.cta-banner-actions{flex-wrap:wrap;flex-shrink:0;gap:.75rem;display:flex}.footer{border-top:1px solid var(--border-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:2rem clamp(1.5rem,5vw,4rem);display:flex}.footer-logo{height:28px}.footer-text{color:var(--text-dim);font-size:.82rem}.footer-links{gap:1.5rem;display:flex}.footer-links a{color:var(--text-dim);font-size:.82rem;transition:color .15s}.footer-links a:hover{color:var(--text-muted)}.divider{background:var(--border-soft);height:1px;margin:0 clamp(1.5rem,5vw,4rem)}.auth-page{flex-direction:column;min-height:100vh;display:flex}.auth-body{flex:1;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.auth-box{border-radius:var(--radius-lg);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0e1ceb;width:100%;max-width:440px;padding:2.5rem}.auth-box-logo{height:32px;margin-bottom:1.75rem}.auth-box h1{color:#fff;margin-bottom:.4rem;font-size:1.5rem;font-weight:800}.auth-box p{color:var(--text-muted);margin-bottom:2rem;font-size:.9rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form label{color:#c8d4ef;flex-direction:column;gap:.4rem;font-size:.88rem;font-weight:500;display:flex}.auth-form input{border-radius:var(--radius-sm);color:#f0f4ff;background:#05081299;border:1px solid #ffffff17;padding:.8rem 1rem;transition:border-color .15s}.auth-form input::placeholder{color:var(--text-dim)}.auth-form input:focus{border-color:#0c918999;outline:none;box-shadow:0 0 0 3px #0c91891a}.auth-feedback{color:#ff9090;margin-top:-.25rem;font-size:.85rem}.auth-feedback.success{color:#7ff8ee}.auth-switch{text-align:center;color:var(--text-muted);margin-top:.5rem;font-size:.85rem}.auth-switch a{color:var(--teal-light);font-weight:600}.app-layout{z-index:1;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid;position:relative}.app-sidebar{border-right:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04050eb3;flex-direction:column;gap:.5rem;height:100vh;padding:1.5rem 1rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-logo{height:32px;margin:.5rem .5rem 1.25rem}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);margin-top:.75rem;margin-bottom:.25rem;padding:0 .75rem;font-size:.7rem;font-weight:700}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-muted);align-items:center;gap:.65rem;padding:.65rem .75rem;font-size:.9rem;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-link:hover{color:var(--text);background:#ffffff0d}.sidebar-link.active{color:#fff;background:linear-gradient(135deg,#0c91892e,#11086a38)}.sidebar-link svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.sidebar-link.active svg{opacity:1}.sidebar-bottom{border-top:1px solid var(--border-soft);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.sidebar-user{flex-direction:column;gap:.15rem;padding:.5rem .75rem;display:flex}.sidebar-user-name{color:var(--text);font-size:.88rem;font-weight:600}.sidebar-user-email{color:var(--text-dim);font-size:.78rem}.sidebar-code{border-radius:var(--radius-sm);color:#7ff8ee;letter-spacing:.04em;background:#0c918914;border:1px solid #0c918933;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.82rem}.sidebar-logout{border-radius:var(--radius-sm);width:100%;color:var(--text-dim);text-align:left;background:0 0;align-items:center;gap:.5rem;padding:.6rem .75rem;font-size:.85rem;transition:background .15s,color .15s;display:flex}.sidebar-logout:hover{color:#ff9090;background:#ff505014}.app-main{flex-direction:column;gap:1.5rem;padding:2rem 2.5rem;display:flex}.app-header{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.app-header h1{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.app-header p{color:var(--text-muted);margin-top:.25rem;font-size:.88rem}.card{border-radius:var(--radius);border:1px solid var(--border-soft);background:linear-gradient(160deg,#0a0f1eeb 0%,#070a16f2 100%);padding:1.5rem}.card-grid-4{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.card-grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stat-card{flex-direction:column;gap:.5rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-size:.78rem;font-weight:600}.stat-value{color:#fff;font-size:1.9rem;font-weight:800;line-height:1}.stat-detail{color:var(--text-muted);font-size:.8rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);border-bottom:1px solid var(--border-soft);padding:.75rem 1rem;font-size:.72rem;font-weight:700}td{color:var(--text-muted);border-bottom:1px solid #ffffff0a;padding:.9rem 1rem;font-size:.88rem}tr:last-child td{border-bottom:0}tr:hover td{background:#ffffff05}.badge{border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-green{color:#7ff8ee;background:#0c918926}.badge-blue{color:#b0c0ff;background:#6482ff26}.badge-yellow{color:#ffd18c;background:#ffb74d26}.badge-red{color:#faa;background:#ff505021}.badge-gray{color:var(--text-muted);background:#ffffff12}.app-form{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.app-form label{color:#c8d4ef;flex-direction:column;gap:.4rem;font-size:.85rem;font-weight:500;display:flex}.app-form input,.app-form select{border-radius:var(--radius-sm);color:#f0f4ff;background:#05081299;border:1px solid #ffffff17;padding:.7rem .9rem;transition:border-color .15s}.app-form input::placeholder{color:var(--text-dim)}.app-form input:focus,.app-form select:focus{border-color:#0c918999;outline:none}.app-form .full{grid-column:1/-1}.loading-screen{min-height:100vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.spinner{border:2px solid #0c918933;border-top-color:var(--teal);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--text-muted);padding:3rem 2rem;font-size:.9rem}.row-between{justify-content:space-between;align-items:center;gap:1rem;display:flex}.delete-btn{color:#ff9090;background:#ff50501a;border-radius:6px;padding:.3rem .6rem;font-size:.8rem;transition:background .15s}.delete-btn:hover{background:#ff505038}.card h2{color:#fff;margin-bottom:.35rem;font-size:1rem;font-weight:700}.card p{color:var(--text-muted);font-size:.88rem;line-height:1.6}.mt-1{margin-top:1rem}.mt-2{margin-top:1.5rem}.list-info{flex-direction:column;gap:.6rem;margin-top:1rem;display:flex}.list-info li{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.88rem;list-style:none;display:flex}.list-info li:before{content:"";background:var(--teal);border-radius:50%;flex-shrink:0;width:5px;height:5px}@media (width<=1024px){.steps-grid,.card-grid-4{grid-template-columns:repeat(2,1fr)}.earnings-grid{grid-template-columns:1fr}}@media (width<=768px){.app-layout{grid-template-columns:1fr}.app-sidebar{border-right:0;border-bottom:1px solid var(--border-soft);flex-flow:wrap;gap:.25rem;height:auto;padding:1rem;position:static}.sidebar-logo{height:26px;margin:0}.sidebar-section{display:none}.sidebar-bottom{border-top:0;flex-direction:row;align-items:center;margin-top:0;padding-top:0}.sidebar-user{display:none}.app-main{padding:1.25rem 1rem}.steps-grid,.card-grid-2,.app-form{grid-template-columns:1fr}.app-form .full{grid-column:1}.cta-banner{flex-direction:column;align-items:flex-start}.footer{flex-direction:column;align-items:flex-start;gap:1rem}}@media (width<=480px){.hero h1{font-size:2rem}.auth-box{padding:1.75rem 1.25rem}.card-grid-4{grid-template-columns:1fr}}