@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#07090b;--panel:#101418;--panel2:#151a1e;--line:#2a3034;--gold:#d6a96d;--gold2:#f0c989;--text:#f5f5f2;--muted:#a9afb2}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 80% 10%,#1a1814 0,#080a0c 36%,#050607 100%);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}
.top{height:74px;border-bottom:1px solid #202428;background:rgba(7,9,11,.96);display:flex;align-items:center;padding:0 4%;gap:28px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}
.brand{font-weight:800;font-size:28px;letter-spacing:-1.5px;position:relative;line-height:.9;white-space:nowrap}.brand b{color:var(--gold);font-weight:800}.brand small{display:block;font-size:7px;letter-spacing:5px;text-align:center;margin-top:6px;color:#ddd}
.top nav{display:flex;gap:30px;margin-left:auto}.top nav a{font-size:13px;color:#d5d8d8;padding:28px 0}.top nav a.on,.top nav a:hover{color:var(--gold);border-bottom:2px solid var(--gold)}
.actions{display:flex;align-items:center;gap:10px}.icon{background:none;border:0;color:white;font-size:25px;width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.login{border:1px solid #495158;padding:10px 18px;border-radius:7px;font-size:13px}.goldbtn{display:inline-block;background:linear-gradient(135deg,#e8bd80,#c99758);color:#17120d;border:0;border-radius:7px;padding:12px 20px;font-weight:700;font-size:13px}
.theme-toggle{width:34px;height:34px;padding:0;border:1px solid #555d61;border-radius:50%;background:#0c1012;color:var(--gold2);display:grid;place-items:center;cursor:pointer}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-toggle:hover{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,169,109,.08)}
.mobile-menu,.mobile-filterbar,.filter-close,.filter-overlay{display:none}
.hero{min-height:350px;padding:55px 5%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(5,7,8,.97),rgba(5,7,8,.72)),radial-gradient(circle at 75% 30%,#252016,transparent 40%);border-bottom:1px solid #181c20}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:3px;font-weight:700}.hero h1{font-size:47px;line-height:1.08;margin:14px 0}.hero em{font-style:normal;color:var(--gold)}.hero p{max-width:650px;color:#bbc0c1;font-size:16px;line-height:1.6}.map{width:43%;height:220px;display:flex;align-items:center;justify-content:center;position:relative}.map img{width:100%;max-width:560px;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(214,169,109,.16))}.maplabel{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:5px;color:#b9945e;white-space:nowrap;opacity:.8}
.layout{display:grid;grid-template-columns:275px 1fr;gap:16px;max-width:1450px;margin:-1px auto 0;padding:0 20px}.filters{background:rgba(14,18,21,.98);border:1px solid var(--line);border-radius:9px;padding:16px;align-self:start}.filterhead{display:flex;justify-content:space-between;align-items:center}.filterhead h3{margin:0;font-size:16px}.filterhead a{font-size:11px;color:#bbb}.filters form>label,.filtergroup h4{font-size:11px;font-weight:700;margin:17px 0 8px}.filters input:not([type=checkbox]){width:100%;background:#080b0d;border:1px solid #4a5155;color:white;border-radius:5px;padding:10px;font-size:11px}.filtergroup{border-top:1px solid #24292d;margin-top:17px;padding-top:4px}.filtergroup h4{display:flex;justify-content:space-between}.check{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:11px;color:#c9cdce}.check input{accent-color:var(--gold)}.check span{flex:1}.check small{color:#8f9699}
.results{min-width:0}.resultbar{height:70px;border:1px solid var(--line);border-bottom:0;border-radius:9px 9px 0 0;background:#101418;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.resultbar strong{font-size:24px;color:var(--gold);margin-right:8px}.sort{font-size:11px;color:#bbb}.sort select{background:#0a0d0f;color:white;border:1px solid #4b5357;padding:9px;border-radius:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#101418;padding:0 14px 14px;border-left:1px solid var(--line);border-right:1px solid var(--line)}.card{background:linear-gradient(145deg,#171c20,#0e1215);border:1px solid #30373c;border-radius:9px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-2px);border-color:#a87940}.photo{height:190px;position:relative;background:#222}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.badge{position:absolute;right:9px;top:9px;background:#11171a;border:1px solid #3b4548;color:#e8c88f;padding:6px 8px;border-radius:6px;font-size:8px;font-weight:800}.cardbody{padding:15px}.card h2{font-size:15px;margin:0 0 5px}.title{font-size:11px;color:#e5e5e5;margin:0 0 3px}.inst{font-size:10px;color:#90989b;margin:0 0 13px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0 12px}.tags span{border:1px solid #4a5053;padding:5px 7px;border-radius:20px;font-size:9px;color:#ddd}.loc{font-size:10px;color:#bfc3c4;margin:10px 0 13px}.profile{display:block;text-align:center;border:1px solid #bd8c4e;color:#e6bf81;border-radius:5px;padding:8px;font-size:10px;font-weight:700}
.joinbar{margin:0 14px 14px;border:1px solid #394044;background:linear-gradient(90deg,#161b1e,#101418);border-radius:8px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center}.joinbar b{display:block;font-size:15px}.joinbar span{display:block;color:#92999c;font-size:10px;margin-top:5px}
.history{max-width:1450px;margin:45px auto;padding:65px 5%;display:grid;grid-template-columns:1fr 1.3fr;gap:80px;border-top:1px solid #1e2327}.history h2{font-size:35px;line-height:1.1}.history em{font-style:normal;color:var(--gold)}.history p{color:#b6bbbd;line-height:1.8;font-size:13px}.history a{color:var(--gold);font-size:12px}footer{border-top:1px solid #24282c;padding:25px 5%;display:flex;align-items:center;gap:30px;color:#737a7d;font-size:10px}.mini{font-size:18px}.mini small{font-size:5px}
.profilepage{max-width:1200px;margin:auto;padding:45px 25px}.back{font-size:12px;color:#aaa}.profilehero{display:grid;grid-template-columns:280px 1fr;gap:45px;margin-top:30px;align-items:center}.profilehero>img{width:280px;height:330px;object-fit:cover;border-radius:12px;border:1px solid #343b3f}.profilehero h1{font-size:42px;margin:10px 0}.profilehero h3{font-size:18px;margin:0 0 8px}.profilehero p{color:#aeb4b6}.profilegrid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:40px}.panel{background:#11161a;border:1px solid #30373c;border-radius:10px;padding:25px}.panel h2{font-size:17px;margin-top:0;border-bottom:1px solid #2a3034;padding-bottom:12px}.panel p,.panel li{color:#b9bec0;line-height:1.7;font-size:13px}.verifiedbox{margin-top:20px;padding:12px;background:#181e1e;color:#e6c37f;border:1px solid #454037;border-radius:6px;font-size:11px}
.formpage{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:50px}.formbox{width:min(680px,100%);background:#11161a;border:1px solid #333b3f;border-radius:12px;padding:35px}.formbox h1{font-size:34px;margin:10px 0}.formbox p{color:#a9b0b2;font-size:13px}.formbox form{margin-top:25px}.formbox label{display:block;color:#cdd1d2;font-size:11px;font-weight:700;margin:14px 0}.formbox input,.formbox textarea{display:block;width:100%;margin-top:7px;background:#090c0e;border:1px solid #42494d;color:#fff;border-radius:6px;padding:12px;font:inherit;font-size:12px}.two{display:grid;grid-template-columns:1fr 1fr;gap:15px}.success{background:#18231d;border:1px solid #3c6447;color:#9ed0a8;padding:12px;border-radius:6px;font-size:12px;margin:15px 0}
/* light mode */
.light body{--bg:#f3f4f2;--panel:#fff;--panel2:#f5f6f4;--line:#d9dddf;--text:#182027;--muted:#687278;background:linear-gradient(135deg,#f7f7f5,#e9eceb);color:var(--text)}.light .top{background:rgba(255,255,255,.96);border-color:#d9dddf}.light .top nav a{color:#394248}.light .top nav a.on,.light .top nav a:hover{color:#a87539}.light .theme-toggle{background:#fff;color:#a87539;border-color:#c8ced0}.light .hero{background:linear-gradient(90deg,rgba(247,248,246,.97),rgba(239,241,239,.85)),radial-gradient(circle at 75% 30%,#eadfce,transparent 40%);border-color:#dfe3e2}.light .hero p,.light .history p{color:#626c71}.light .filters,.light .resultbar,.light .grid,.light .card,.light .panel,.light .formbox,.light .joinbar{background:#fff;color:var(--text);border-color:#d9dddf}.light .filters input:not([type=checkbox]),.light .sort select,.light .formbox input,.light .formbox textarea{background:#f7f8f7;color:#182027;border-color:#c8ced0}.light .check{color:#4e575b}.light .tags span{color:#485055;border-color:#c5cbcd}.light .title{color:#293136}.light .inst,.light .loc{color:#667075}.light footer{border-color:#d9dddf;color:#687278}
/* mobile: navigation + filter drawer, never show filter contents by default */
@media(max-width:1000px){.top nav{display:none}.hero{padding:45px 6%}.hero h1{font-size:38px}.map{display:none}.layout{grid-template-columns:1fr}.filters{position:static}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){
 body{overflow-x:hidden}.top{height:64px;padding:0 14px;gap:8px}.brand{font-size:20px;letter-spacing:-1px}.brand small{font-size:5px;letter-spacing:3px;margin-top:4px}.top nav{display:none!important}.mobile-menu{display:flex!important;width:34px;height:34px;background:transparent;border:1px solid #41494d;border-radius:8px;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;order:10}.mobile-menu span{width:14px;height:1.5px;background:#ddd;border-radius:2px;transition:.2s}.mobile-menu.active span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}.mobile-menu.active span:nth-child(2){opacity:0}.mobile-menu.active span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
 .top nav.mobile-open{display:flex!important;position:absolute;left:12px;right:12px;top:70px;background:#0c0f11;border:1px solid #30383c;border-radius:10px;padding:7px;box-shadow:0 18px 50px rgba(0,0,0,.4);flex-direction:column;gap:0;z-index:100}.top nav.mobile-open a{padding:13px 12px;font-size:12px;border:0!important;border-radius:6px}.top nav.mobile-open a:hover,.top nav.mobile-open a.on{background:#171d20;color:var(--gold)}
 .actions{margin-left:auto;gap:5px;order:5}.actions .login{display:none}.actions .goldbtn{display:none}.icon{font-size:22px;width:30px;height:30px}.theme-toggle{width:31px;height:31px}.theme-toggle svg{width:16px;height:16px}
 .hero{min-height:250px;padding:28px 18px 25px}.hero h1{font-size:31px;line-height:1.05;margin:11px 0}.hero p{font-size:12.5px;line-height:1.55;max-width:100%}.map{display:none}
 /* critical: mobile filter trigger visible; desktop sidebar hidden */
 .mobile-filterbar{display:block!important;padding:12px 10px 0;background:var(--bg)}.mobile-filterbar button{width:100%;height:46px;border:1px solid #9c7647;background:linear-gradient(180deg,#151b1e,#101518);color:#f3f3ef;border-radius:9px;padding:0 14px;display:flex;align-items:center;gap:10px;font:600 12px Inter,Arial;cursor:pointer}.mobile-filterbar button b{margin-left:auto;font-size:9px;color:#c7a36f;font-weight:600}.filter-icon{font-size:18px;color:var(--gold2);line-height:1}.light .mobile-filterbar button{background:#fff;color:#182027;border-color:#c6a06a}
 .layout{display:block!important;padding:10px;position:relative}.filters{display:block!important;position:fixed!important;z-index:110!important;left:0!important;top:0!important;bottom:0!important;width:min(340px,88vw)!important;max-height:none!important;overflow-y:auto!important;border-radius:0 14px 14px 0!important;padding:20px 17px 30px!important;background:#0e1215!important;box-shadow:20px 0 60px rgba(0,0,0,.6)!important;transform:translateX(-110%)!important;transition:transform .28s ease!important}.filters.is-open{transform:translateX(0)!important}.filter-close{display:grid!important;position:absolute!important;right:13px!important;top:12px!important;width:30px!important;height:30px!important;border:1px solid #4a5357!important;border-radius:8px!important;background:#171d20!important;color:#f1f1ed!important;font-size:20px!important;line-height:1!important;place-items:center!important;cursor:pointer!important;z-index:3!important}.filterhead{padding-right:42px}.filter-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:105;backdrop-filter:blur(2px)}.filter-overlay.is-open{display:block!important}.filter-lock{overflow:hidden!important}
 .results{width:100%}.resultbar{height:auto;min-height:62px;padding:12px 14px;border-radius:8px}.resultbar strong{font-size:21px}.sort select{padding:8px}.grid{grid-template-columns:1fr!important;padding:0 8px 8px;background:#101418}.card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;min-height:165px}.photo{height:100%!important;min-height:165px}.cardbody{padding:11px}.card h2{font-size:12.5px;line-height:1.2}.title{font-size:9.5px}.inst{font-size:8.5px;margin-bottom:6px}.tags{margin:5px 0 7px}.tags span{font-size:7.5px;padding:3px 5px}.loc{font-size:8.5px;margin:6px 0 8px}.profile{padding:6px;font-size:8.5px}.joinbar{margin:0 8px 8px;display:block;padding:16px}.joinbar .goldbtn{margin-top:14px}.history{display:block;padding:38px 18px;margin:20px auto}.history h2{font-size:29px}.history p{font-size:12px}footer{display:block;padding:20px 18px}.footer .brand{margin-bottom:15px}
 .light .filters{background:#fff!important}.light .top nav.mobile-open{background:#fff;border-color:#d9dddf}.light .top nav.mobile-open a:hover,.light .top nav.mobile-open a.on{background:#f1f2f0}
}
/* coming soon */
.coming{min-height:calc(100vh - 74px);display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#211b13 0,#0a0d10 38%,#050607 78%);isolation:isolate}.coming-grid{position:absolute;inset:-20%;opacity:.12;background-image:linear-gradient(rgba(214,169,109,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(214,169,109,.22) 1px,transparent 1px);background-size:55px 55px;transform:perspective(500px) rotateX(58deg) translateY(20%);transform-origin:center bottom;animation:gridmove 18s linear infinite}.orbit{position:absolute;border:1px solid rgba(214,169,109,.24);border-radius:50%;pointer-events:none}.orbit-a{width:520px;height:520px;right:-170px;top:-160px;animation:spin 22s linear infinite}.orbit-b{width:360px;height:360px;left:-150px;bottom:-170px;animation:spin 28s linear infinite reverse}.coming-card{width:min(760px,92%);text-align:center;padding:58px 55px 52px;background:linear-gradient(145deg,rgba(20,25,28,.96),rgba(10,14,16,.93));border:1px solid rgba(214,169,109,.28);border-radius:18px;box-shadow:0 30px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.035);position:relative;z-index:2;backdrop-filter:blur(10px)}.coming-icon{width:72px;height:72px;margin:0 auto 22px;border:1px solid rgba(240,201,137,.62);border-radius:50%;display:grid;place-items:center;color:var(--gold2);animation:float 3s ease-in-out infinite;box-shadow:0 0 0 9px rgba(214,169,109,.045),0 0 45px rgba(214,169,109,.13)}.coming-icon svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.coming-card h1{font-size:42px;line-height:1.08;margin:13px 0 12px;color:var(--text);letter-spacing:-1.2px}.coming-card p{max-width:590px;margin:0 auto;color:var(--muted);font-size:14px;line-height:1.75}.network-animation{height:58px;width:270px;margin:25px auto 4px;position:relative}.network-animation:before{content:"";position:absolute;left:18px;right:18px;top:29px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.55}.network-animation i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--gold2);box-shadow:0 0 14px rgba(240,201,137,.8);top:25px;animation:pulseNode 2.2s ease-in-out infinite}.network-animation i:nth-child(1){left:24px}.network-animation i:nth-child(2){left:82px;top:13px;animation-delay:.25s}.network-animation i:nth-child(3){left:132px;top:36px;animation-delay:.5s}.network-animation i:nth-child(4){left:188px;top:12px;animation-delay:.75s}.network-animation i:nth-child(5){left:238px;top:28px;animation-delay:1s}.network-animation span{position:absolute;width:16px;height:16px;border:1px solid var(--gold);border-radius:50%;left:127px;top:21px;animation:ring 2.2s ease-out infinite}.coming-note{font-size:11px;color:#858d91;margin:4px 0 24px}.light .coming{background:radial-gradient(circle at 50% 40%,#efe6d8 0,#f4f5f3 50%,#e9eceb 100%)}.light .coming-card{background:rgba(255,255,255,.92);border-color:#d7c2a3;box-shadow:0 25px 70px rgba(47,53,55,.12)}.light .coming-grid{opacity:.08}.light .orbit{border-color:rgba(159,116,61,.18)}
@keyframes gridmove{to{transform:perspective(500px) rotateX(58deg) translateY(28%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseNode{0%,100%{transform:scale(.7);opacity:.55}50%{transform:scale(1.5);opacity:1}}@keyframes ring{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.8);opacity:0}}@keyframes float{50%{transform:translateY(-7px) rotate(4deg)}}
@media(max-width:650px){.coming{min-height:calc(100vh - 64px);padding:24px 12px}.coming-card{width:100%;padding:42px 20px 38px}.coming-card h1{font-size:30px}.coming-card p{font-size:12.5px}.network-animation{transform:scale(.9);margin-top:20px}.coming-icon{width:62px;height:62px}}