@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090812;--panel:#12101d;--pink:#ff3da8;--cyan:#50e6f2;--text:#f7f5fb;--muted:#aaa6b8;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;width:420px;height:420px;filter:blur(130px);opacity:.16;pointer-events:none;border-radius:50%}.ambient-one{background:var(--pink);top:100px;left:-220px}.ambient-two{background:#5149ff;top:500px;right:-240px}
.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--line);position:relative;z-index:2;background:rgba(9,8,18,.75);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border:1px solid var(--pink);display:grid;place-items:center;font-weight:800;font-size:17px;transform:skew(-8deg);color:white;box-shadow:0 0 18px #ff3da833}.brand-mark span{color:var(--cyan)}.brand-name{font-size:13px;letter-spacing:2px;font-weight:600}.brand-name b{color:var(--cyan)}nav{display:flex;gap:32px;font:11px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--muted)}nav a:hover{color:var(--cyan)}.top-actions{display:flex;gap:10px}
.btn{border:1px solid transparent;padding:12px 19px;font:700 11px 'DM Mono',monospace;letter-spacing:1px;cursor:pointer;transition:.2s;color:white;background:none}.btn:hover{transform:translateY(-2px);filter:brightness(1.15)}.btn-primary{background:linear-gradient(110deg,#ed329e,#a13be5);box-shadow:0 7px 25px #d12d9933}.btn-quiet{border-color:var(--line)}.btn-outline{border-color:#ffffff40}.btn-large{padding:17px 23px}.btn span{margin-left:14px;color:var(--cyan)}
.hero{min-height:620px;padding:125px 10% 35px;position:relative;max-width:1500px;margin:auto}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:2px;color:var(--cyan)}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:50%;margin-right:9px;box-shadow:0 0 12px var(--pink)}h1{font-size:clamp(46px,7vw,88px);line-height:1.02;letter-spacing:-5px;margin:28px 0 22px;font-weight:800}h1 span,h2 span{background:linear-gradient(90deg,var(--pink),#b77bff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:480px;color:var(--muted);line-height:1.8;font-size:14px}.hero-actions{display:flex;gap:13px;margin-top:32px}.hero-foot{position:absolute;bottom:35px;left:10%;right:10%;display:flex;justify-content:space-between;color:#777386;font:10px 'DM Mono',monospace;letter-spacing:1.4px}.hero-foot b{color:var(--pink)}
.section{padding:95px 10%;position:relative}.directory{background:linear-gradient(180deg,#0e0c18,#0b0a13);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.section h2,.about h2{font-size:clamp(32px,4vw,52px);letter-spacing:-2px;margin:12px 0 0}.section-heading p{max-width:280px;color:var(--muted);font-size:13px;line-height:1.7}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.directory-card{min-height:190px;border:1px solid var(--line);background:linear-gradient(145deg,#171422,#0e0c17);padding:22px;position:relative;overflow:hidden}.directory-card:after{content:"";position:absolute;width:100px;height:100px;border:1px solid #ffffff0b;transform:rotate(45deg);right:-45px;bottom:-55px}.card-top{font:10px 'DM Mono',monospace;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:9px}.role-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}.people{margin-top:20px;display:grid;gap:12px}.person{display:flex;align-items:center;gap:11px}.avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#262139,#43304f);display:grid;place-items:center;color:var(--cyan);font-size:11px;font-weight:800;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.person strong{display:block;font-size:12px}.person small{display:block;color:var(--muted);font:10px 'DM Mono',monospace;margin-top:3px}.loading,.empty{color:var(--muted);font-size:12px;margin-top:22px}.note{font-size:11px;color:#777386;margin-top:20px}
.about{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center}.about-box p{max-width:500px;color:var(--muted);font-size:14px;line-height:1.9}.about-side{border-left:1px solid var(--line);padding-left:38px;display:grid;gap:22px}.stat{display:flex;align-items:center;gap:20px}.stat strong{font-size:29px;color:var(--pink)}.stat span{font:10px 'DM Mono',monospace;letter-spacing:1.4px;color:var(--muted)}
footer{border-top:1px solid var(--line);padding:28px 7%;display:flex;align-items:center;justify-content:space-between;color:#777386;font:9px 'DM Mono',monospace;letter-spacing:1px}footer .brand-name{color:white}
.modal{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:18px}.hidden{display:none}.modal-backdrop{position:absolute;inset:0;background:#05040bdc;backdrop-filter:blur(8px)}.modal-panel{position:relative;width:min(100%,440px);padding:38px;background:#12101d;border:1px solid #ffffff20;box-shadow:0 25px 100px #000b}.close{position:absolute;right:17px;top:12px;border:0;background:none;color:white;font-size:27px;cursor:pointer}.modal-panel h2{font-size:33px;letter-spacing:-1.5px;margin:13px 0}.modal-desc{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:25px}.modal-panel label{display:block;font:10px 'DM Mono',monospace;letter-spacing:1px;color:var(--muted);margin:17px 0}.modal-panel input{display:block;width:100%;margin-top:9px;padding:14px;background:#090812;border:1px solid #ffffff20;color:white;outline:none;font:13px Manrope}.modal-panel input:focus{border-color:var(--cyan)}.submit{width:100%;margin-top:9px}.form-message{font-size:12px;line-height:1.6;margin-top:14px;color:var(--cyan);overflow-wrap:anywhere}.form-message.error{color:#ff83b9}.switch-text{font-size:11px;color:var(--muted);text-align:center;margin-top:23px}.switch-text button{border:0;background:none;color:var(--cyan);cursor:pointer;font:inherit}.security-hint{border-top:1px solid var(--line);padding-top:15px;margin-top:22px;color:#777386;font-size:10px;text-align:center}
@media(max-width:760px){.topbar{height:70px;padding:0 5%}nav{display:none}.brand-name{font-size:11px}.top-actions .btn{padding:10px 12px;font-size:9px}.hero{min-height:590px;padding:110px 7% 35px}h1{letter-spacing:-3px}.hero-foot{left:7%;right:7%;font-size:8px}.section{padding:70px 7%}.section-heading{display:block}.section-heading p{margin-top:14px}.directory-grid{grid-template-columns:1fr}.about{grid-template-columns:1fr;gap:35px}.about-side{padding-left:20px}.hero-actions{flex-wrap:wrap}footer{padding:25px 6%;gap:15px;flex-wrap:wrap}footer>span:nth-child(2){display:none}.modal-panel{padding:30px 23px}}

.optional{color:#777386;font-size:9px;letter-spacing:0}.modal-panel button:disabled{opacity:.55;cursor:wait}.modal-panel form.hidden{display:none}