:root{--ink:#061826;--deep:#082f49;--ocean:#0ea5e9;--cyan:#06b6d4;--sun:#f59e0b;--cream:#f8fbff;--muted:#64748b;--line:#dbeafe;--white:#fff;--shadow:0 24px 70px #0f172a1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:#14213d;margin:0;font-family:Poppins,Arial,sans-serif}body.dark{--cream:#071827;--white:#102235;--muted:#a8c5d8;--line:#1e3a4d;color:#e5f6ff}img{max-width:100%;display:block}button,input,textarea{font:inherit}.nav{z-index:100;position:fixed;top:0;left:0;right:0}.nav-inner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #fff9;border-radius:999px;justify-content:space-between;align-items:center;max-width:1320px;margin:14px auto 0;padding:14px 18px;display:flex;box-shadow:0 14px 40px #0f172a14}.dark .nav-inner{background:#061826e6;border-color:#ffffff1a}.logo{color:var(--deep);cursor:pointer;align-items:center;gap:8px;font-family:Permanent Marker,cursive;font-size:24px;display:flex}.dark .logo{color:#fff}.menu{color:#334155;gap:6px;font-size:12px;font-weight:900;display:flex}.dark .menu{color:#d6f3ff}.menu button{text-transform:capitalize;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 10px;font-weight:900}.menu button:hover,.menu button.active{color:#0369a1;background:#e0f2fe}.nav-actions{align-items:center;gap:8px;display:flex}.toggle,.mobile-menu{background:linear-gradient(135deg,var(--ocean),var(--cyan));color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;padding:10px 14px;font-weight:900;display:flex}.toggle{background:#082f49}.mobile-menu{display:none}.hero{color:#fff;background:linear-gradient(135deg,#061826eb,#0ea5e929),url(https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2400&q=90) 50%/cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle at 20% 25%,#f59e0b38,#0000 22%),radial-gradient(circle at 80% 10%,#06b6d43d,#0000 24%);position:absolute;inset:0}.hero-content{z-index:2;grid-template-columns:1.1fr .9fr;align-items:end;gap:38px;width:100%;max-width:1280px;margin:auto;padding:150px 24px 80px;display:grid;position:relative}.kicker{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29;border:1px solid #ffffff45;border-radius:999px;gap:8px;padding:10px 16px;font-size:13px;font-weight:900;display:inline-flex}.hero h1{margin:28px 0 18px;font-family:Permanent Marker,cursive;font-size:clamp(70px,10vw,150px);line-height:.84}.hero h1 span{color:var(--sun)}.hero p{color:#e0f2fe;max-width:780px;font-size:21px;line-height:1.75}.actions{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.btn{cursor:pointer;border:0;border-radius:999px;padding:15px 24px;font-weight:900;transition:all .25s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn.primary{background:linear-gradient(135deg,var(--ocean),var(--cyan));color:#fff;box-shadow:0 16px 34px #0ea5e947}.btn.light{color:var(--deep);background:#fff}.hero-feature{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff24;border:1px solid #ffffff3d;border-radius:34px;padding:30px;box-shadow:0 20px 60px #0000002e}.hero-feature small{color:#bae6fd;text-transform:uppercase;letter-spacing:1.3px;font-weight:900}.hero-feature h3{margin:12px 0;font-size:34px}.hero-feature p{color:#e0f2fe;font-size:15px;line-height:1.6}.mini-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;display:grid}.mini-grid div{text-align:center;background:#ffffff26;border-radius:18px;padding:14px;font-size:12px;font-weight:900}.mini-grid svg{margin:0 auto 6px;display:block}.section{max-width:1280px;margin:auto;padding:84px 24px}.section.full{background:var(--white);max-width:none}.section.full>*{max-width:1280px;margin-left:auto;margin-right:auto}.section-title{text-align:center;margin-bottom:44px}.section-title span{color:var(--sun);text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:900}.section-title h2{color:var(--deep);margin:8px 0;font-family:Permanent Marker,cursive;font-size:clamp(42px,5vw,70px)}.dark .section-title h2,.dark .card h3{color:#fff}.section-title p{max-width:760px;color:var(--muted);margin:0 auto;line-height:1.75}.grid{gap:24px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:30px}.pad{padding:30px}.card h3{color:var(--deep);margin:0 0 10px;font-size:25px}.card p{color:var(--muted);white-space:pre-line;line-height:1.7}.stat{padding:24px}.stat span{color:var(--muted);font-weight:900}.stat strong{color:var(--ocean);margin-top:4px;font-size:32px;display:block}.icon{width:58px;height:58px;color:var(--ocean);background:#e0f2fe;border-radius:20px;justify-content:center;align-items:center;margin-bottom:18px;display:flex}.gallery{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.gallery img{object-fit:cover;border-radius:30px;width:100%;height:250px;box-shadow:0 16px 38px #0f172a1f}.rank{border:1px solid var(--line);background:#f8fafce0;border-radius:18px;justify-content:space-between;margin-top:12px;padding:16px;font-weight:900;display:flex}.rank b{color:var(--ocean)}.dark .rank{background:#0b2235}.event{border:1px solid var(--line);background:#f8fafce0;border-radius:24px;grid-template-columns:84px 1fr;align-items:center;gap:16px;margin-top:14px;padding:18px;display:grid}.dark .event{background:#0b2235}.date{color:#9a3412;text-align:center;background:#fff7ed;border-radius:18px;padding:12px;font-weight:900}.date b{font-size:32px}.event h4{margin:0}.event p{color:var(--muted);margin:5px 0 0;font-weight:700}.member{text-align:center;padding:30px}.avatar{background:linear-gradient(135deg,var(--ocean),var(--sun));color:#fff;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:118px;height:118px;margin:0 auto 18px;font-size:46px;font-weight:900;display:flex;box-shadow:0 14px 34px #0ea5e93d}.member h3{margin:0;font-size:25px}.member span{color:#0369a1;background:#e0f2fe;border-radius:999px;margin:9px 0;padding:6px 12px;font-size:12px;font-weight:900;display:inline-block}.member p,.member small{color:var(--muted);font-weight:700;display:block}table{border-collapse:collapse;width:100%;margin-top:14px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:14px}th{text-transform:uppercase;color:var(--muted);font-size:12px}.chat{border:1px solid var(--line);background:#f8fafce0;border-radius:18px;margin:10px 0;padding:14px}.dark .chat{background:#0b2235}.chat p{margin:4px 0 0}.settings input,.form input,.form textarea,textarea{border:1px solid #cbd5e1;border-radius:18px;width:100%;padding:14px 16px}.tabs{flex-wrap:wrap;gap:10px;margin:22px 0;display:flex}.tabs button{border:1px solid var(--line);background:var(--white);color:var(--deep);border-radius:999px;padding:11px 15px;font-weight:900}.tabs button.active{background:var(--ocean);color:#fff}.form{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.form button{grid-column:1/-1}.refresh{margin-top:18px}.ai-box{color:#e0f2fe;white-space:pre-wrap;background:#061826;border-radius:18px;padding:18px;overflow:auto}.modal{z-index:500;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.settings{gap:12px;width:100%;max-width:520px;display:grid}.notice{background:var(--deep);color:#fff;box-shadow:var(--shadow);z-index:999;border-radius:18px;padding:14px 18px;position:fixed;bottom:20px;right:20px}.footer{background:var(--ink);color:#cbd5e1;text-align:center;padding:56px 24px}.footer h2{color:#fff;margin:0 0 10px;font-family:Permanent Marker,cursive;font-size:38px}.top-gap{margin-top:24px}@media (width<=1080px){.menu{display:none}.mobile-menu{display:flex}.menu.show{background:var(--white);box-shadow:var(--shadow);border-radius:24px;flex-direction:column;padding:18px;display:flex;position:absolute;top:78px;left:16px;right:16px}.hero-content,.grid-2,.grid-3,.grid-4,.gallery{grid-template-columns:1fr}.hero{min-height:auto}.hero-content{padding-top:140px}}@media (width<=620px){.nav-inner{margin:10px 10px 0}.logo{font-size:21px}.hero h1{font-size:72px}.hero p{font-size:18px}.hero-feature{padding:22px}.section{padding:66px 20px}.form{grid-template-columns:1fr}}