:root{--void:#0a0a0f;--deep:#0f0f1a;--surface:#14141f;--raised:#1a1a2e;--border:#252540;--borderLight:#33335a;--volt:#7c3aed;--voltBright:#8b5cf6;--voltGlow:#a78bfa;--ember:#f59e0b;--emerald:#10b981;--rose:#f43f5e;--sky:#0ea5e9;--tp:#f5f4ff;--ts:#a6a4cc;--tm:#6b6890;--df:"DM Sans","Inter",sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--void);color:var(--tp);min-height:100vh;font-family:Inter,sans-serif}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}a{color:inherit;text-decoration:none}button,input,textarea,select{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer}img{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fu{animation:.3s forwards fadeUp}.app{display:none}.app.active{display:block}.hidden{display:none!important}.topbar{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0a0fe6;position:sticky;top:0}.topbar-inner{align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.logo{cursor:pointer;flex-shrink:0;align-items:center;gap:10px;display:flex}.logobox{background:var(--volt);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logotext{font-size:19px;font-weight:800;font-family:var(--df);letter-spacing:-.02em}.searchbar{background:var(--raised);border:1px solid var(--border);border-radius:10px;flex:1;align-items:center;gap:10px;max-width:420px;padding:9px 14px;display:flex}.searchbar input{color:var(--tp);flex:1;font-size:14px}.searchbar input::placeholder{color:var(--tm)}.topnav{gap:6px;margin-left:auto;display:flex}.topnav-item{cursor:pointer;color:var(--tm);border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .18s;display:flex;position:relative}.topnav-item:hover{color:var(--ts);background:var(--raised)}.topnav-item.active{color:var(--voltBright)}.topnav-item.active:after{content:"";background:var(--volt);border-radius:2px;width:28px;height:3px;position:absolute;bottom:-13px;left:50%;transform:translate(-50%)}.topbar-right{align-items:center;gap:12px;display:flex}.icon-btn{background:var(--raised);border:1px solid var(--border);width:38px;height:38px;color:var(--ts);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.dot{background:var(--rose);border:2px solid var(--void);border-radius:50%;width:10px;height:10px;position:absolute;top:-3px;right:-3px}.avatar{font-weight:700;font-family:var(--df);object-fit:cover;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shell{max-width:1280px;margin:0 auto;padding:24px 24px 60px}.grid{grid-template-columns:260px 1fr 320px;align-items:start;gap:24px;display:grid}.col-left,.col-right{position:sticky;top:84px}@media (width<=1180px){.grid{grid-template-columns:240px 1fr}.col-right{display:none}}@media (width<=880px){.grid{grid-template-columns:1fr}.col-left{display:none}.topbar-inner{gap:12px}.searchbar{max-width:200px}.topnav-item span{display:none}}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .18s}.card.click{cursor:pointer}.card.click:hover{border-color:var(--borderLight);transform:translateY(-1px)}.card-pad-0{padding:0;overflow:hidden}.section-label{color:var(--tm);text-transform:uppercase;letter-spacing:.07em;margin-bottom:12px;font-size:12px;font-weight:700}.btn{font-size:14px;font-weight:600;font-family:var(--df);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 20px;transition:all .18s;display:inline-flex}.btn.small{padding:7px 14px;font-size:12px}.btn-primary{background:var(--volt);color:#fff;box-shadow:0 2px 8px #7c3aed4d}.btn-primary:hover{background:var(--voltBright);box-shadow:0 4px 20px #7c3aed66}.btn-ghost{color:var(--ts);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--raised)}.btn-outline{color:var(--voltGlow);background:0 0;border:1px solid #7c3aed80}.btn-outline:hover{background:#7c3aed26}.btn-emerald{background:var(--emerald);color:#fff}.btn-emerald:hover{background:#059669}.btn-amber{background:var(--ember);color:#fff}.btn-amber:hover{background:#d97706}.btn:disabled{opacity:.45;cursor:not-allowed}.badge{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-volt{color:var(--voltGlow);background:#7c3aed26;border-color:#7c3aed4d}.badge-emerald{color:var(--emerald);background:#10b98126;border-color:#10b9814d}.badge-ember{color:var(--ember);background:#f59e0b26;border-color:#f59e0b4d}.badge-rose{color:var(--rose);background:#f43f5e26;border-color:#f43f5e4d}.badge-sky{color:var(--sky);background:#0ea5e926;border-color:#0ea5e94d}.badge-tm{color:var(--tm);background:#6b689026;border-color:#6b68904d}.matchbar{align-items:center;gap:8px;display:flex}.matchbar .track{background:var(--border);border-radius:2px;flex:1;height:3px;overflow:hidden}.matchbar .fill{border-radius:2px;height:100%}.matchbar .pct{text-align:right;min-width:32px;font-size:12px;font-weight:700}.profile-card{text-align:center;padding:0;overflow:hidden}.profile-cover{background:linear-gradient(135deg,#7c3aed66,#0ea5e940);height:56px}.profile-card .avatar-lg{border-width:3px;border-color:var(--surface);background:var(--surface);width:72px;height:72px;margin:-36px auto 8px;font-size:24px}.profile-card .name{font-size:16px;font-weight:800;font-family:var(--df);margin-bottom:2px}.profile-card .title{color:var(--voltGlow);margin-bottom:2px;font-size:12px;font-weight:600}.profile-card .loc{color:var(--tm);margin-bottom:14px;font-size:11px}.profile-card .stats{border-top:1px solid var(--border);justify-content:space-around;padding:14px 16px;display:flex}.profile-card .stat .num{font-size:17px;font-weight:800;font-family:var(--df);color:var(--voltGlow)}.profile-card .stat .lbl{color:var(--tm);font-size:10px}.sidenav{flex-direction:column;gap:2px;padding:6px 0;display:flex}.sidenav .item{color:var(--ts);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:11px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.sidenav .item:hover{background:var(--raised);color:var(--tp)}.sidenav .item.active{color:var(--voltGlow);background:#7c3aed26}.sidenav .item svg{flex-shrink:0}.avstack{display:flex}.avstack .av{border:2px solid var(--surface);margin-left:-8px}.avstack .av:first-child{margin-left:0}.tabs{border-bottom:1px solid var(--border);display:flex}.tabs .tab{color:var(--tm);cursor:pointer;text-transform:capitalize;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 0;font-size:13px;font-weight:600;transition:all .2s}.tabs .tab.active{color:var(--voltGlow);border-bottom-color:var(--volt)}.pillrow{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1.5px solid var(--border);background:var(--raised);color:var(--ts);cursor:pointer;white-space:nowrap;border-radius:30px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .18s}.pill.active-volt{border-color:var(--volt);color:var(--voltGlow);background:#7c3aed2e}.pill.active-emerald{border-color:var(--emerald);color:var(--emerald);background:#10b9812e}.field{margin-bottom:16px}.field label{color:var(--tm);text-transform:uppercase;letter-spacing:.07em;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.field input,.field textarea{background:var(--raised);border:1.5px solid var(--border);width:100%;color:var(--tp);border-radius:10px;padding:11px 16px;font-size:14px;transition:border-color .2s}.field input:focus,.field textarea:focus,.field input.filled,.field textarea.filled{border-color:var(--volt)}.field textarea{resize:vertical;line-height:1.5}.chipinput-row{gap:8px;margin-bottom:8px;display:flex}.chipinput-row input{background:var(--raised);border:1px solid var(--border);color:var(--tp);border-radius:10px;flex:1;padding:10px 14px;font-size:13px}.chiplist{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;display:flex}.chip-volt{color:var(--voltGlow);background:#7c3aed2e;border:1px solid #7c3aed66}.chip-emerald{color:var(--emerald);background:#10b9812e;border:1px solid #10b98166}.chip button{color:var(--tm);cursor:pointer;background:0 0;padding:0;font-size:14px;line-height:1}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.toggle{background:var(--border);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--volt)}.toggle .knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;left:2px}.toggle.on .knob{left:22px}.reactions{flex-wrap:wrap;gap:6px;padding:0 18px 12px;display:flex}.react-btn{border:1px solid var(--border);background:var(--raised);color:var(--ts);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:13px;display:flex}.react-btn.mine{border-color:var(--volt);color:var(--voltGlow);background:#7c3aed40}.react-add{border:1px dashed var(--border);color:var(--tm);cursor:pointer;background:0 0;border-radius:20px;padding:5px 10px;font-size:14px}.comment{align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.comment-bubble{background:var(--raised);border-radius:12px 12px 12px 4px;flex:1;padding:8px 12px}.comment-bubble .name{margin-bottom:2px;font-size:12px;font-weight:700}.comment-bubble .text{color:var(--ts);font-size:13px;line-height:1.5}.comment-bubble .time{color:var(--tm);margin-top:4px;font-size:10px}.muted{color:var(--tm)}.ts{color:var(--ts)}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:12px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.gap-1{gap:8px}.gap-2{gap:12px}.gap-3{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.onboard{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.onboard .glow{pointer-events:none;background:radial-gradient(#7c3aed2e,#0000 70%);width:700px;height:450px;position:absolute;top:30%;left:50%;transform:translate(-50%)}.onboard .brand{align-items:center;gap:9px;display:flex;position:absolute;top:24px;left:32px}.onboard .steps-dots{gap:6px;display:flex;position:absolute;top:34px;right:32px}.onboard .stepdot{background:var(--border);border-radius:2px;width:24px;height:4px;transition:background .3s}.onboard .stepdot.done{background:var(--volt)}.ob-step{z-index:1;width:100%;max-width:520px;margin:0 auto;display:none}.ob-step.active{display:block}.ob-eyebrow{letter-spacing:.1em;color:var(--voltGlow);text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:600}.ob-title{font-size:32px;font-weight:800;font-family:var(--df);margin-bottom:8px;line-height:1.18}.ob-sub{color:var(--ts);margin-bottom:24px;font-size:14px}.role-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.role-card{cursor:pointer;border:1.5px solid var(--border);background:var(--surface);border-radius:14px;padding:18px;transition:all .2s}.role-card .ricon{margin-bottom:8px;font-size:26px}.role-card .rtitle{margin-bottom:3px;font-size:14px;font-weight:700}.role-card .rdesc{color:var(--tm);font-size:11px}.role-card.sel-volt{border-color:var(--volt);background:#7c3aed1f}.role-card.sel-ember{border-color:var(--ember);background:#f59e0b1f}.role-card.sel-emerald{border-color:var(--emerald);background:#10b9811f}.role-card.sel-sky{border-color:var(--sky);background:#0ea5e91f}.ndabanner{color:var(--ts);background:#f59e0b1f;border-bottom:1px solid #f59e0b59;align-items:center;gap:12px;padding:12px 24px;font-size:13px;display:flex}.ndabanner b{color:var(--tp)}.ndabanner .x{color:var(--tm);cursor:pointer;background:0 0;border:none;font-size:18px;line-height:1}.modal-bg{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-bg.show{display:flex}.modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:440px;padding:28px}.modal-x{background:var(--raised);border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--ts);border-radius:8px;justify-content:center;align-items:center;display:flex}.ndagate{text-align:center;padding:50px 20px}.ndagate .icon{background:#f59e0b26;border:1.5px solid #f59e0b66;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.ndagate .title{font-size:17px;font-weight:800;font-family:var(--df);margin-bottom:8px}.ndagate .desc{color:var(--ts);max-width:380px;margin:0 auto 20px;font-size:13px;line-height:1.65}.price-card{background:linear-gradient(135deg,#7c3aed14,var(--deep));text-align:center;border:1.5px solid #7c3aed80;max-width:480px;margin:0 auto;position:relative}.price-amount{justify-content:center;align-items:flex-end;gap:4px;margin-bottom:6px;display:flex}.price-amount .cur{color:var(--ts);margin-bottom:10px;font-size:18px;font-weight:700}.price-amount .num{font-size:52px;font-weight:800;font-family:var(--df)}.price-amount .per{color:var(--ts);margin-bottom:10px;font-size:16px}.feat-row{text-align:left;align-items:center;gap:10px;margin-bottom:10px;display:flex}.feat-check{width:20px;height:20px;color:var(--emerald);background:#10b98133;border:1px solid #10b98180;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;transition:border-color .2s;overflow:hidden}.faq-item.open{border-color:#7c3aed80}.faq-q{text-align:left;width:100%;color:var(--tp);font-size:14px;font-weight:700;font-family:var(--df);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.faq-plus{color:var(--voltGlow);font-size:20px;line-height:1;transition:transform .25s}.faq-item.open .faq-plus{transform:rotate(45deg)}.faq-a{max-height:0;transition:max-height .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.faq-item.open .faq-a{max-height:300px}.faq-a-inner{color:var(--ts);padding:0 20px 20px;font-size:13px;line-height:1.7}.ndadoc{background:var(--raised);border:1px solid var(--border);max-height:380px;color:var(--ts);border-radius:14px;margin-bottom:20px;padding:20px;font-size:13px;line-height:1.8;overflow-y:auto}.ndadoc p{margin-bottom:12px}.ndadoc strong{color:var(--tp)}.notice-green{color:var(--ts);background:#10b9811a;border:1px solid #10b98159;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:14px 16px;font-size:12px;line-height:1.6;display:flex}.notice-rose{color:var(--ts);background:#f43f5e1f;border:1px solid #f43f5e66;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px 16px;font-size:12px;line-height:1.6;display:flex}.gold-badge{vertical-align:middle;align-items:center;gap:5px;display:inline-flex}