@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap");:root{--ink:#0d0d0d;--paper:#f5f0e8;--card:#fff;--accent:#2d6a2d;--accent2:#4ade80;--muted:#7a7068;--border:#e0d8cc;--danger:#c8401a;--success:#2a7a4b;--radius:14px;--shadow:0 4px 24px rgba(0,0,0,.1);--shadow-lg:0 12px 48px rgba(0,0,0,.16)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100vh;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.font-display,h1,h2,h3{font-family:Syne,sans-serif}.fade-in{animation:fadeIn .4s ease both}.fade-up{animation:fadeUp .5s ease both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;cursor:pointer;border:none;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#1f4f1f;transform:translateY(-1px)}.btn-secondary{background:var(--ink);color:#fff}.btn-secondary:hover{background:#333}.btn-outline{background:transparent;color:var(--ink);border:1.5px solid var(--border)}.btn-outline:hover{border-color:var(--ink)}.btn-danger{background:var(--danger);color:#fff}.btn-ghost{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.btn-ghost:hover{background:hsla(0,0%,100%,.2)}.btn-full{width:100%}.btn-sm{padding:7px 14px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.field{margin-bottom:18px}.field label{display:block;font-size:.8rem;font-weight:500;margin-bottom:6px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field select,.field textarea{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-family:DM Sans,sans-serif;font-size:.95rem;color:var(--ink);background:#fff;transition:border-color .2s;outline:none}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field textarea{resize:vertical;min-height:80px}.field .hint{color:var(--muted)}.field .err,.field .hint{font-size:.78rem;margin-top:5px}.field .err{color:var(--danger)}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.topnav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:0 24px;height:58px;background:var(--ink);color:#fff;border-bottom:1px solid hsla(0,0%,100%,.06)}.topnav,.topnav-brand{display:flex;align-items:center}.topnav-brand{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.06em;gap:10px}.topnav-brand .root-dot{width:10px;height:10px;border-radius:50%;background:var(--accent2);display:inline-block}.topnav nav{display:flex;gap:8px;align-items:center}.nav-link{color:hsla(0,0%,100%,.7);font-size:.88rem;padding:6px 12px;border-radius:6px;transition:all .2s;cursor:pointer;background:transparent;border:none;font-family:DM Sans,sans-serif}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.08)}.page{padding-top:58px;min-height:100vh}.section-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;margin-bottom:20px}.section-card h3{font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px;color:var(--ink)}.platform-field,.section-card h3{display:flex;align-items:center;gap:10px}.platform-field{margin-bottom:12px}.plat-icon{width:36px;height:36px;border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1rem}.platform-field input{flex:1 1}.profile-page{min-height:100vh;display:flex;justify-content:center}.profile-outer{width:100%;max-width:480px;min-height:100vh;padding-bottom:60px}.profile-hero{padding:56px 24px 36px;text-align:center}.avatar-ring{width:110px;height:110px;border-radius:50%;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:2.8rem;overflow:hidden;box-shadow:0 0 0 4px hsla(0,0%,100%,.15)}.avatar-ring img{width:100%;height:100%;object-fit:cover}.profile-name{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;line-height:1.1;margin-bottom:4px}.profile-handle{font-size:.9rem;margin-bottom:14px;opacity:.6}.profile-bio{font-size:.95rem;line-height:1.65;max-width:340px;margin:0 auto;opacity:.8}.profile-links{padding:4px 20px 0}.link-btn{display:flex;align-items:center;gap:14px;width:100%;padding:14px 18px;border-radius:12px;margin-bottom:10px;text-decoration:none;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:500;transition:transform .15s,box-shadow .15s;border:1px solid hsla(0,0%,100%,.1)}.link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2)}.link-btn .lb-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;background:hsla(0,0%,100%,.2)}.link-btn .lb-label{flex:1 1}.link-btn .lb-arrow{opacity:.4;font-size:.85rem}.profile-footer{text-align:center;padding:40px 24px 0;font-size:.75rem;opacity:.35;font-family:Syne,sans-serif;letter-spacing:.1em;text-transform:uppercase}.profile-footer a{opacity:.7}.profile-footer a:hover{opacity:1}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px}.theme-swatch{height:38px;border-radius:8px;cursor:pointer;border:2.5px solid transparent;transition:all .2s;position:relative}.theme-swatch:hover{transform:scale(1.05)}.theme-swatch.selected{border-color:var(--ink);transform:scale(1.08)}.theme-swatch.selected:after{content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tab-row{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap}.tab-btn{padding:8px 16px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:.87rem;font-weight:500;cursor:pointer;border:1.5px solid var(--border);background:transparent;color:var(--muted);transition:all .2s}.tab-btn.active{background:var(--ink);color:#fff;border-color:var(--ink)}.save-bar{position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:50;box-shadow:0 -4px 20px rgba(0,0,0,.07)}.save-bar .save-msg{font-size:.85rem;color:var(--muted)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:24px}.stat-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;text-align:center}.stat-card .stat-num{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;color:var(--accent);line-height:1}.stat-card .stat-label{font-size:.78rem;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.05em}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);color:#fff;text-align:center;padding:80px 24px 60px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(45,106,45,.3) 0,transparent 60%),radial-gradient(ellipse at 70% 20%,rgba(74,222,128,.15) 0,transparent 50%);pointer-events:none}.hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(74,222,128,.15);border:1px solid rgba(74,222,128,.3);color:var(--accent2);padding:6px 16px;border-radius:100px;font-size:.82rem;font-weight:500;margin-bottom:32px;font-family:Syne,sans-serif;letter-spacing:.05em}.hero h1{font-size:clamp(2.8rem,8vw,5rem);font-weight:800;line-height:1;margin-bottom:20px;letter-spacing:-.02em}.hero h1 .green{color:var(--accent2)}.hero p{font-size:1.1rem;color:hsla(0,0%,100%,.7);max-width:480px;line-height:1.7;margin-bottom:40px}.hero-btns{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.features{padding:80px 24px;max-width:960px;margin:0 auto}.features h2{font-size:2rem;font-weight:800;text-align:center;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:20px;gap:20px}.feature-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.feature-card .feat-icon{font-size:2rem;margin-bottom:14px}.feature-card h3{font-size:1.05rem;margin-bottom:8px}.feature-card p{font-size:.9rem;color:var(--muted);line-height:1.6}.how-it-works{background:var(--ink);color:#fff;padding:80px 24px}.how-it-works h2{font-size:2rem;font-weight:800;text-align:center;margin-bottom:48px;color:#fff}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:32px;gap:32px;max-width:860px;margin:0 auto}.step{text-align:center}.step-num{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;margin:0 auto 16px}.step h3{font-size:1rem;margin-bottom:8px;color:#fff}.step p{font-size:.88rem;color:hsla(0,0%,100%,.6);line-height:1.6}.cta-section{padding:80px 24px;text-align:center;background:linear-gradient(135deg,#1a2e1a,#0d1a0d);color:#fff}.cta-section h2{font-size:2rem;margin-bottom:16px;color:#fff}.cta-section p{color:hsla(0,0%,100%,.7);margin-bottom:32px;font-size:1rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px}.modal-box{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:36px;width:100%;max-width:400px}.modal-box h3{font-size:1.3rem;margin-bottom:20px}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--paper)}.auth-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:48px 40px;width:100%;max-width:420px}.auth-card h1{font-size:1.8rem;margin-bottom:6px}.auth-card .sub{color:var(--muted);font-size:.9rem;margin-bottom:32px}.auth-card .switch-link{text-align:center;margin-top:20px;font-size:.88rem;color:var(--muted)}.auth-card .switch-link a{color:var(--accent);font-weight:500}.auth-card .switch-link a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (max-width:600px){.stats-grid{grid-template-columns:1fr 1fr}.auth-card{padding:32px 24px}.hero h1{font-size:2.6rem}.tab-row{gap:4px}.tab-btn{padding:7px 12px;font-size:.82rem}}.save-card-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 40px);margin:0 20px 12px;padding:13px;border-radius:12px;border:none;cursor:pointer;font-family:Syne,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.02em;transition:all .2s;background:#fff;color:#1a2e1a;box-shadow:0 4px 16px rgba(0,0,0,.2)}.save-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.25)}.save-card-btn.saved{background:var(--success);color:#fff}@media (max-width:600px){.wallet-grid{grid-template-columns:1fr!important}}[data-theme=dark] body{background:var(--paper);color:var(--ink)}[data-theme=dark] .auth-card,[data-theme=dark] .card,[data-theme=dark] .feature-card,[data-theme=dark] .modal-box,[data-theme=dark] .save-bar,[data-theme=dark] .section-card,[data-theme=dark] .stat-card{background:var(--card);border-color:var(--border)}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#0f1117;color:var(--ink);border-color:var(--border)}[data-theme=dark] .tab-btn{border-color:var(--border);color:var(--muted)}[data-theme=dark] .tab-btn.active{background:var(--accent);color:#0d0d0d;border-color:var(--accent)}[data-theme=dark] .link-btn{border-color:hsla(0,0%,100%,.1)}[data-theme=dark] .cta-section,[data-theme=dark] .features,[data-theme=dark] .hero{background:#0f1117}[data-theme=dark] .btn-outline{color:var(--ink);border-color:var(--border)}[data-theme=dark] .save-bar,[data-theme=dark] .wallet-grid .card{background:var(--card)}.card,.save-bar,.section-card,.stat-card,body,input,select,textarea{transition:background-color .3s ease,color .2s ease,border-color .2s ease}[data-theme=dark] .topnav{background:#050508;border-bottom:1px solid rgba(74,222,128,.15)}[data-theme=dark] .topnav-brand{color:#4ade80}[data-theme=dark] .root-dot{background:#4ade80;box-shadow:0 0 8px #4ade8066}[data-theme=dark] .nav-link{color:hsla(0,0%,100%,.6)}[data-theme=dark] .nav-link:hover{color:#4ade80;background:rgba(74,222,128,.08)}