/* Premium visual layer — transform/opacity only animations for smooth rendering. */
:root{--blue:#0878c9;--ink:#142234;--muted:#64748b;--line:rgba(133,161,184,.24);--canvas:#f4f7fa;--glass:rgba(255,255,255,.72);--glass-strong:rgba(255,255,255,.88);--shadow:0 18px 44px rgba(22,52,77,.10);--shadow-hover:0 26px 58px rgba(18,64,99,.16)}
html{background:var(--canvas);text-rendering:optimizeLegibility}
body{min-height:100vh;background:radial-gradient(900px 440px at -10% -7%,rgba(89,186,238,.16),transparent 64%),radial-gradient(780px 390px at 104% 12%,rgba(102,159,231,.10),transparent 64%),var(--canvas);color:var(--ink)}
.site-header{height:72px;background:rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.82);box-shadow:0 7px 24px rgba(19,50,74,.045);backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%)}
.brand{letter-spacing:-.2px}.brand-mark{background:linear-gradient(145deg,#36aaf0,#0876c4);box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 6px 14px rgba(16,135,213,.24)}
nav{gap:18px}nav a{position:relative;padding:25px 4px 23px;color:#536273;border:0!important;transition:color .18s ease}nav a:after{content:"";position:absolute;left:50%;bottom:15px;width:0;height:2px;border-radius:2px;background:var(--blue);transform:translateX(-50%);transition:width .2s ease}nav a:hover:after,nav .active:after{width:16px}nav a:hover,nav .active{color:#086faf}
.button,.auth-submit,.wiki-button{justify-content:center;min-height:44px;border-radius:999px;font-weight:700;letter-spacing:.01em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease!important;will-change:transform}
.button.primary,.auth-submit,.wiki-button{background:linear-gradient(135deg,#168ed9,#086cb8);box-shadow:0 10px 20px rgba(11,117,191,.22)}
.button.primary:hover,.auth-submit:hover,.wiki-button:hover{transform:translateY(-2px);box-shadow:0 15px 28px rgba(11,117,191,.30)}
.button.ghost{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.10);backdrop-filter:blur(12px)}.button.ghost:hover{background:rgba(255,255,255,.18);transform:translateY(-2px)}
input,textarea,select{border-color:rgba(117,149,174,.30)!important;background:rgba(255,255,255,.78)!important;box-shadow:inset 0 1px 1px rgba(17,54,79,.025);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease!important}input:focus,textarea:focus,select:focus{border-color:rgba(8,120,201,.62)!important;box-shadow:0 0 0 4px rgba(16,139,218,.13)!important;outline:0}
.hero{background:linear-gradient(125deg,#0c3152,#155f91 56%,#2198d9);isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;inset:-45%;background:radial-gradient(circle at 58% 44%,rgba(185,238,255,.23),transparent 18%),radial-gradient(circle at 80% 58%,rgba(132,219,255,.22),transparent 15%);animation:premiumDrift 18s ease-in-out infinite alternate}.hero:after{opacity:.58}.hero h1{letter-spacing:-2.5px}.plane{box-shadow:inset 0 1px 1px rgba(255,255,255,.85),0 22px 46px rgba(4,38,63,.42);animation:premiumBob 6s ease-in-out infinite}
.quick-links{overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.74);box-shadow:var(--shadow);backdrop-filter:blur(20px) saturate(140%)}.quick-links a{position:relative;transition:transform .2s ease,background .2s ease}.quick-links a:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.42),transparent 50%);opacity:0;transition:opacity .2s}.quick-links a:hover{background:rgba(245,251,255,.9);transform:translateY(-2px)}.quick-links a:hover:before{opacity:1}.quick-icon{border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 1px rgba(255,255,255,.72),0 5px 12px rgba(32,96,137,.08)}
.notice-card,.leader-card,.member-card,.executive-card,.enterprise-card,.social-card,.wiki-side,.wiki-form,.post,.composer{border-color:rgba(151,177,197,.25)!important;background:var(--glass)!important;box-shadow:0 12px 32px rgba(21,56,81,.07);backdrop-filter:blur(17px) saturate(125%);-webkit-backdrop-filter:blur(17px) saturate(125%)}
.notice-card,.leader-card,.member-card,.executive-card,.enterprise-card,.post{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.notice-card:hover,.leader-card:hover,.member-card:hover,.executive-card:hover,.enterprise-card:hover,.post:hover{transform:translateY(-3px);border-color:rgba(47,142,204,.34)!important;box-shadow:var(--shadow-hover)}
.community-banner{position:relative;overflow:hidden;border:1px solid rgba(196,231,249,.9);background:linear-gradient(120deg,rgba(224,246,255,.91),rgba(246,251,255,.92));box-shadow:var(--shadow)}.community-banner:after{content:"";position:absolute;width:290px;height:290px;right:-92px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(61,174,232,.18),transparent 68%)}.community-banner>*{position:relative;z-index:1}
.people-hero,.enterprise-hero,.ranking-hero{border-radius:0 0 28px 28px;box-shadow:0 22px 50px rgba(15,58,88,.20)}.people-hero:before,.enterprise-hero:before,.ranking-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.07),transparent 42%);pointer-events:none}.people-shell,.enterprise-shell,.ranking-shell{position:relative}.member-card,.executive-card{border-radius:22px}.member-card.feature,.executive-card.chairman{background:linear-gradient(135deg,rgba(245,252,255,.96),rgba(227,246,255,.84))!important;color:var(--ink)}.executive-card.chairman .exec-role,.executive-card.chairman ul{color:#38576b;border-color:rgba(127,164,186,.25)}.executive-card.chairman .exec-top{color:#2786bd}.member-avatar,.exec-avatar{box-shadow:inset 0 1px 1px rgba(255,255,255,.55),0 8px 18px rgba(11,121,192,.23)}
.enterprise-hero{border-radius:24px 24px 0 0}.enterprise-note{border:1px solid rgba(151,177,197,.25);border-top:0;background:rgba(255,255,255,.72);backdrop-filter:blur(18px)}.enterprise-card{border-radius:18px;min-height:202px}.enterprise-card:after{content:"";position:absolute;right:-32px;bottom:-39px;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle,rgba(34,141,199,.11),transparent 70%);pointer-events:none}.forum-entities article,.approval-card{border-radius:18px;border:1px solid rgba(151,177,197,.25);background:var(--glass);box-shadow:0 12px 32px rgba(21,56,81,.07);backdrop-filter:blur(17px)}
.ranking-hero{position:relative;overflow:hidden;border-bottom:0}.ranking-hero:after{content:"";position:absolute;width:360px;height:360px;right:-120px;top:-180px;border:1px solid rgba(255,255,255,.25);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.06)}.ranking-hero>*{position:relative;z-index:1}.ranking-notice,.ranking-table-wrap{border-color:rgba(151,177,197,.28);background:rgba(255,255,255,.78);box-shadow:0 12px 32px rgba(21,56,81,.07);backdrop-filter:blur(16px)}.ranking-table th{background:linear-gradient(135deg,#15527d,#246f9f)}.rank-number{box-shadow:0 6px 13px rgba(19,73,109,.16)}.role-tag.pending{color:#7a6675}
/* Community: stronger hierarchy, calm glass panels, and touch-friendly controls. */
.forum{width:min(980px,92%);margin:48px auto 88px}.forum-head{position:relative;overflow:hidden;padding:46px 50px;margin:0 0 22px;border:1px solid rgba(255,255,255,.78);border-radius:26px;background:linear-gradient(135deg,#0c375b,#126ca3 58%,#2a9edb);color:#fff;box-shadow:0 20px 45px rgba(17,72,109,.18)}.forum-head:after{content:"";position:absolute;width:310px;height:310px;right:-70px;top:-155px;border-radius:50%;border:38px solid rgba(255,255,255,.09);box-shadow:0 0 0 42px rgba(255,255,255,.045)}.forum-head>*{position:relative;z-index:1}.forum-head .eyebrow{color:#b3e6ff}.forum-head h1{font-size:44px;letter-spacing:-1.8px}.forum-head>p:last-child{color:#d2edfc}.forum-filter{display:flex;align-items:center;gap:9px;padding:10px;margin-bottom:20px;border:1px solid rgba(255,255,255,.75);border-radius:17px;background:rgba(255,255,255,.68);box-shadow:0 10px 28px rgba(21,56,81,.06);backdrop-filter:blur(18px)}.forum-filter input{flex:1;min-width:160px;padding:11px 14px;border-radius:11px}.forum-filter button,.post-actions button,.post-actions a{min-height:38px;padding:8px 12px;border:1px solid rgba(104,147,176,.20);border-radius:999px;background:rgba(255,255,255,.68);color:#3a5d72;font:inherit;font-size:13px;text-decoration:none;cursor:pointer;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.forum-filter button:hover,.post-actions button:hover,.post-actions a:hover{background:#e6f6ff;box-shadow:0 5px 13px rgba(15,105,161,.11);transform:translateY(-1px)}.composer{border-radius:22px;padding:28px}.composer h2{font-size:22px}.composer textarea{border-radius:14px;padding:15px}.file-picker{display:flex;align-items:center;min-height:42px;padding:0 13px;border:1px dashed rgba(21,129,193,.42);border-radius:12px;background:rgba(229,247,255,.52)}.post{border-radius:20px;padding:25px}.post-top{align-items:flex-start}.post-author{font-size:15px}.post-body{font-size:15px;line-height:1.9}.post-media img{border-radius:14px;box-shadow:0 9px 22px rgba(26,58,82,.10)}.post-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(136,163,184,.20)}
.member-card,.executive-card,.enterprise-card,.post{content-visibility:auto;contain-intrinsic-size:auto 310px}
@keyframes premiumDrift{50%{transform:translate3d(3%,2%,0) rotate(3deg)}100%{transform:translate3d(-2%,3%,0) rotate(-2deg)}}
@keyframes premiumBob{50%{transform:translate3d(0,-8px,0)}}
@media(max-width:720px){.site-header{background:rgba(255,255,255,.86)}.menu-button{background:rgba(255,255,255,.75);border-color:rgba(117,149,174,.22)}nav{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.9);backdrop-filter:blur(22px)}.forum{width:calc(100% - 28px);margin:26px auto 60px}.forum-head{padding:34px 26px;border-radius:20px}.forum-head h1{font-size:34px}.forum-filter{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;gap:7px}.forum-filter input{grid-column:1/-1;width:100%}.forum-filter button{min-width:0;padding:8px 5px;font-size:12px}.composer,.post{padding:19px;border-radius:17px}.post-actions button,.post-actions a{font-size:12px;padding:7px 10px}.people-hero,.enterprise-hero,.ranking-hero{border-radius:0 0 20px 20px}.enterprise-card{min-height:170px}.quick-links{border-radius:15px}}
@media(prefers-reduced-motion:reduce){.hero:before,.plane{animation:none!important}.button,.notice-card,.leader-card,.member-card,.executive-card,.enterprise-card,.post,.quick-links a{transition:none!important}}