/* Wilffs Temple creator refresh — editorial, creator-first, responsive */
:root{
  --bg:#08070f;--bg-2:#0d0a17;--surface:#12101e;--surface-2:#191528;--surface-3:#211a34;
  --line:rgba(210,185,255,.13);--line-strong:rgba(210,185,255,.25);
  --text:#fbf9ff;--muted:#b3a9c5;--muted-2:#827891;
  --purple:#c29aff;--purple-2:#9b68ff;--violet:#7141d9;--lime:#d4ff83;
  --radius:24px;--shadow:0 28px 90px rgba(0,0,0,.42);
}
html{background:var(--bg)}
body{background:linear-gradient(180deg,#090711 0%,#0b0813 44%,#090710 100%);letter-spacing:-.008em}
body:before{z-index:-3;background:radial-gradient(ellipse at 15% 7%,rgba(132,78,211,.16),transparent 35%),radial-gradient(ellipse at 88% 25%,rgba(68,49,131,.16),transparent 30%),linear-gradient(180deg,#090711 0%,#0b0813 55%,#090710 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 78%)}
.page-shell{width:min(calc(100% - 56px),1240px)}
.site-header{position:sticky;top:0;height:78px;width:100%;max-width:none;padding:0 max(28px,calc((100vw - 1320px)/2));background:rgba(9,7,17,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(218,194,255,.1)}
.brand-mark{border-radius:15px;background:linear-gradient(145deg,rgba(186,139,255,.22),rgba(76,46,133,.2));box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 28px rgba(123,73,204,.18)}
.brand-copy strong{letter-spacing:.14em}
.primary-nav{gap:clamp(10px,1.35vw,20px)}
.nav-link{font-size:12px;font-weight:700;color:#bdb4cc;transition:color .2s ease}
.nav-link:hover,.nav-link.active{color:#fff}
.nav-link.active:after{background:var(--purple);box-shadow:0 0 14px rgba(194,154,255,.65)}
.nav-social{background:rgba(194,154,255,.08);border-color:rgba(194,154,255,.24);padding:8px 13px}
.theme-toggle{border:1px solid var(--line);background:rgba(255,255,255,.035)}
.creator-hero{min-height:650px;grid-template-columns:minmax(0,1.12fr) minmax(350px,.88fr);gap:clamp(28px,5vw,76px);padding-top:90px;padding-bottom:80px}
.creator-kicker,.eyebrow{letter-spacing:.17em}
.creator-kicker{color:#d4c6ea;font-size:10px}
.creator-hero h1{font-size:clamp(58px,7.2vw,98px);letter-spacing:-.082em;line-height:.94}
.gradient-text{background:linear-gradient(100deg,#f3e9ff 0%,#c59aff 45%,#9871ff 75%,#d5c1ff 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.creator-lede{max-width:610px;color:#c0b7d0;font-size:17px;line-height:1.85}
.creator-actions{gap:12px}
.button{border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}
.button:hover{transform:translateY(-2px)}
.button-primary,.button-youtube{box-shadow:0 12px 30px rgba(139,83,226,.18)}
.button-discord{border-color:rgba(174,139,255,.42);background:rgba(137,97,212,.14)}
.button-quiet{border-color:rgba(210,185,255,.17);background:rgba(255,255,255,.035)}
.creator-social-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:9px;margin-top:24px;max-width:630px}
.social-card{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 11px;border:1px solid rgba(216,198,255,.12);border-radius:15px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));transition:transform .2s ease,border-color .2s ease,background .2s ease}
.social-card:hover{transform:translateY(-3px);border-color:rgba(194,154,255,.45);background:linear-gradient(145deg,rgba(168,119,255,.14),rgba(255,255,255,.025))}
.social-card-mark,.social-field-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:rgba(194,154,255,.13);border:1px solid rgba(194,154,255,.2);color:#e6d8ff;font-size:10px;font-weight:900;letter-spacing:.03em}
.social-card-copy{display:flex;flex-direction:column;min-width:0;line-height:1.35}
.social-card-copy strong{font-size:11px;font-weight:850;color:#fff}
.social-card-copy small{font-size:9px;color:#a99dbb}
.social-card-arrow{margin-left:auto;color:#9f8db9;font-size:14px}
.social-twitch .social-card-mark,.social-tiktok .social-card-mark{background:rgba(171,125,255,.18)}
.social-github .social-card-mark,.social-modrinth .social-card-mark,.social-curseforge .social-card-mark{background:rgba(194,255,130,.09);border-color:rgba(194,255,130,.18);color:#ddffb8}
.creator-tags{margin-top:28px;color:#a99fba}
.creator-side{min-height:440px;border:1px solid rgba(205,176,255,.17);border-radius:34px;background:radial-gradient(circle at 50% 45%,rgba(129,83,201,.22),transparent 45%),linear-gradient(145deg,rgba(35,26,55,.88),rgba(13,10,23,.85));box-shadow:var(--shadow);overflow:hidden}
.creator-side:before{content:"";position:absolute;inset:18px;border:1px solid rgba(224,205,255,.08);border-radius:25px;pointer-events:none}
.creator-avatar{width:154px;height:154px;border-radius:42px;background:linear-gradient(145deg,#bd91ff,#7041ce 62%,#342052);box-shadow:0 22px 70px rgba(116,63,194,.4),inset 0 2px rgba(255,255,255,.22);transform:rotate(-7deg)}
.creator-avatar span{font-size:76px;text-shadow:0 8px 20px rgba(0,0,0,.25)}
.creator-floating{border:1px solid rgba(221,205,255,.16);background:rgba(15,11,25,.79);backdrop-filter:blur(18px);border-radius:17px;box-shadow:0 18px 40px rgba(0,0,0,.28)}
.creator-floating strong{font-size:12px}
.creator-side-caption{letter-spacing:.24em}
.creator-stats{border:1px solid rgba(200,170,255,.16);border-radius:22px;background:linear-gradient(100deg,rgba(30,23,47,.94),rgba(17,14,28,.94));box-shadow:0 18px 60px rgba(0,0,0,.2);padding:0 26px}
.creator-stats-heading{padding-top:18px;padding-bottom:15px}
.creator-stats-grid>div{padding:20px 10px 22px}
.creator-stats-grid strong{font-size:28px;letter-spacing:-.04em}
.creator-stats-grid>div:last-child strong{font-size:14px;letter-spacing:0}
.section{padding-top:108px;padding-bottom:35px}
.section-heading{margin-bottom:30px}
.creator-heading h2,.page-hero h1{letter-spacing:-.065em}
.creator-heading h2{font-size:clamp(34px,4.2vw,54px);line-height:1.04}
.muted-heading{color:#8e849e}
.creator-project-grid{gap:18px}
.creator-project{border-radius:24px;border:1px solid rgba(211,190,255,.13);background:linear-gradient(150deg,rgba(28,22,43,.98),rgba(14,12,23,.98));box-shadow:0 15px 45px rgba(0,0,0,.2);overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.creator-project:hover{transform:translateY(-6px);border-color:rgba(194,154,255,.48);box-shadow:0 26px 65px rgba(0,0,0,.34)}
.creator-project-art{min-height:210px}
.creator-project-info{padding:23px 24px 25px}
.creator-project-info h3{font-size:21px;letter-spacing:-.04em}
.creator-project-info p{color:#b2a8c0;font-size:13px;line-height:1.75}
.project-kicker{color:#c9adff;letter-spacing:.17em}
.project-link{font-weight:850;color:#d5baff}
.latest-section{padding-top:94px;padding-bottom:75px}
.home-update-grid{gap:14px}
.update-card{border:1px solid rgba(211,190,255,.14);border-radius:22px;background:linear-gradient(155deg,rgba(28,22,43,.94),rgba(14,12,23,.96));padding:23px;transition:transform .2s ease,border-color .2s ease}
.update-card:hover{transform:translateY(-4px);border-color:rgba(194,154,255,.38)}
.update-card h2{letter-spacing:-.04em}
.update-summary{color:#e4d9f5}
.update-body{color:#a99fb7;line-height:1.8}
.community-banner{border:1px solid rgba(196,156,255,.2);border-radius:30px;background:radial-gradient(ellipse at 80% 50%,rgba(120,77,194,.24),transparent 42%),linear-gradient(110deg,#1c1530,#110e1d 75%);box-shadow:var(--shadow);margin-top:35px;margin-bottom:95px;padding:48px}
.community-banner h2{font-size:clamp(28px,3.3vw,42px);letter-spacing:-.05em}
.community-banner p{color:#c2b8d0}
.page-hero{padding-top:84px;padding-bottom:58px}
.page-hero h1{font-size:clamp(48px,6vw,76px);line-height:1.02}
.hero-lede{max-width:700px;color:#bcb2ca;font-size:16px;line-height:1.8}
.workshop-hero,.suggestions-hero{position:relative}
.workshop-counter{border:1px solid rgba(202,173,255,.18);border-radius:22px;background:rgba(25,18,40,.75);padding:22px 26px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.workshop-counter strong{color:#e6d5ff}
.workshop-feed-section,.suggestion-guide,.suggestion-expectations{padding-top:24px;padding-bottom:82px}
.workshop-feed-heading h2,.suggestion-guide h2,.suggestion-expectations h2{letter-spacing:-.045em}
.workshop-feed{gap:16px}
.workshop-feed .update-card{padding:28px}
.suggestion-guide{gap:22px}
.suggestion-guide-main,.suggestion-side-note,.expectation-grid article{border:1px solid rgba(208,187,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(27,21,42,.94),rgba(14,12,23,.96));box-shadow:0 18px 45px rgba(0,0,0,.18)}
.suggestion-guide-main{padding:34px}
.suggestion-side-note{padding:28px}
.suggestion-steps li{padding:14px 16px;margin:9px 0;border:1px solid rgba(214,195,255,.1);border-radius:14px;background:rgba(255,255,255,.025);color:#d4cadf}
.suggestion-steps li::marker{color:#c5a1ff;font-weight:900}
.suggestion-channel-callout{display:inline-flex;padding:9px 14px;border:1px solid rgba(194,154,255,.24);border-radius:999px;background:rgba(163,115,235,.1)}
.suggestion-example{border:1px solid rgba(194,154,255,.15);border-radius:16px;background:rgba(255,255,255,.025);padding:17px}
.suggestion-example span{color:#c8bfd5}
.expectation-grid{gap:14px}
.expectation-grid article{padding:25px}
.expectation-grid article>span{color:#c5a1ff;font-weight:900}
.workshop-bottom{border:1px solid rgba(194,154,255,.16);border-radius:24px;background:rgba(29,22,45,.8);padding:34px;margin-bottom:88px}
.site-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px 28px;padding-top:30px;padding-bottom:35px;border-top:1px solid rgba(213,192,255,.12)}
.site-footer>p{color:#9d93ab;font-size:12px}
.footer-links{display:flex;flex-wrap:wrap;gap:14px}
.footer-links a{font-size:11px;color:#b9afc7}
.footer-links a:hover{color:#fff}
.footer-socials{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding:6px 0}
.footer-socials .social-card{padding:6px 10px;border-radius:12px;background:rgba(255,255,255,.025)}
.footer-socials .social-card-mark{width:27px;height:27px;flex-basis:27px;border-radius:8px;font-size:8px}
.footer-socials .social-card-copy strong{font-size:10px}
.footer-socials .social-card-copy small{display:none}
.footer-copy{grid-column:1/-1;color:#766d83;font-size:10px}
.admin-main{padding-top:70px;padding-bottom:100px}
.admin-heading h1{letter-spacing:-.07em}
.admin-login,.admin-list-panel,.admin-editor,.settings-editor{border:1px solid rgba(213,190,255,.15);background:linear-gradient(150deg,rgba(26,21,41,.96),rgba(13,11,22,.98));box-shadow:0 24px 65px rgba(0,0,0,.24);border-radius:24px}
.admin-tabs{gap:8px;border-bottom:1px solid rgba(213,190,255,.12)}
.admin-tab{border-radius:13px 13px 0 0;font-weight:750}
.admin-tab.active{background:rgba(159,108,235,.16);color:#e8d9ff;border-color:rgba(194,154,255,.3)}
.admin-editor,.settings-editor{padding:clamp(20px,3vw,34px)}
.field-label{color:#d9d0e4}
.field-label input,.field-label select,.field-label textarea{background:rgba(7,6,13,.62);border:1px solid rgba(211,190,255,.16);border-radius:13px;color:#fff}
.field-label input:focus,.field-label select:focus,.field-label textarea:focus{border-color:rgba(194,154,255,.7);box-shadow:0 0 0 3px rgba(156,106,229,.12)}
.social-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}
.social-field{position:relative;display:flex;flex-direction:column;gap:8px;padding:15px;border:1px solid rgba(214,193,255,.11);border-radius:17px;background:rgba(255,255,255,.025)}
.social-field-mark{margin-bottom:2px}
.social-field input{width:100%}
.settings-divider{margin:28px 0}
.settings-editor-heading h3{letter-spacing:-.035em}
.admin-toolbar p,.editor-footnote{color:#a89eb7}
.security-badge{background:rgba(194,255,130,.07);border:1px solid rgba(194,255,130,.16);border-radius:999px;padding:8px 12px;color:#d8ffb2}
.form-message.success{color:#d7ffac}
.form-message.error{color:#ff9aa3}
.light-mode body,.light-mode{--bg:#f6f1ff;--bg-2:#eee7fa;--surface:#fff;--surface-2:#f7f1ff;--surface-3:#eee5fb;--text:#20162d;--muted:#655a73;--muted-2:#887e95;--line:rgba(66,42,99,.14);--line-strong:rgba(66,42,99,.24)}
.light-mode body{background:linear-gradient(180deg,#faf7ff,#f1ebfa)}
.light-mode .site-header{background:rgba(250,247,255,.86);border-bottom-color:rgba(66,42,99,.12)}
.light-mode .nav-link{color:#51445f}
.light-mode .creator-side,.light-mode .creator-stats,.light-mode .creator-project,.light-mode .update-card,.light-mode .suggestion-guide-main,.light-mode .suggestion-side-note,.light-mode .expectation-grid article,.light-mode .admin-login,.light-mode .admin-editor,.light-mode .settings-editor,.light-mode .admin-list-panel{background:linear-gradient(150deg,#fff,#f4effb);color:#241a31}
.light-mode .creator-lede,.light-mode .hero-lede,.light-mode .creator-project-info p,.light-mode .update-body,.light-mode .community-banner p{color:#62566f}
.light-mode .social-card,.light-mode .social-field{background:rgba(77,48,117,.045);border-color:rgba(77,48,117,.12)}
.light-mode .social-card-copy strong{color:#30213f}
.light-mode .social-card-copy small{color:#6e627c}
.light-mode .field-label input,.light-mode .field-label select,.light-mode .field-label textarea{background:#fff;color:#241a31;border-color:rgba(77,48,117,.2)}
@media(max-width:900px){
  .creator-hero{grid-template-columns:1fr;gap:34px;padding-top:66px}
  .creator-side{min-height:390px;max-width:620px;width:100%;margin-inline:auto}
  .site-header{padding-inline:24px}
}
@media(max-width:700px){
  .page-shell{width:min(calc(100% - 32px),1240px)}
  .site-header{height:72px;padding-inline:16px}
  .creator-hero{padding-top:55px;padding-bottom:52px;min-height:0}
  .creator-hero h1{font-size:clamp(49px,14vw,72px)}
  .creator-lede{font-size:15px}
  .creator-social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .creator-stats{padding:0 13px}
  .creator-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .creator-stats-grid>div{padding:15px 9px}
  .section{padding-top:72px}
  .creator-project-grid{grid-template-columns:1fr}
  .creator-project-art{min-height:180px}
  .community-banner{padding:28px 23px;margin-bottom:65px}
  .page-hero{padding-top:60px;padding-bottom:35px}
  .suggestion-guide-main{padding:23px}
  .suggestion-side-note{padding:22px}
  .social-admin-grid{grid-template-columns:1fr}
  .site-footer{grid-template-columns:1fr;padding-top:24px}
  .footer-socials,.footer-copy{grid-column:1}
}
@media(max-width:420px){
  .creator-social-links{grid-template-columns:1fr 1fr}
  .social-card{padding:8px}
  .social-card-mark{width:30px;height:30px;flex-basis:30px}
  .creator-side{min-height:330px}
  .creator-avatar{width:126px;height:126px}
  .creator-avatar span{font-size:62px}
  .creator-floating{padding:10px 12px}
  .creator-floating-top{left:4px}
  .creator-floating-bottom{right:4px}
}