@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Orbitron:wght@500;600;700;800&display=swap');
:root{--shell-bg:#020610;--shell-panel:#060b1b;--shell-purple:#8f24ff;--shell-purple2:#c02dff;--shell-gold:#f7c52e;--shell-cyan:#27e7ff;--shell-border:rgba(163,67,255,.72);--shell-muted:#a8aec2;--shell-white:#f6f7ff}
body{margin:0;background:radial-gradient(circle at 8% 28%,rgba(91,18,147,.25),transparent 34%),radial-gradient(circle at 92% 30%,rgba(8,73,130,.22),transparent 36%),#01040b;color:var(--shell-white);font-family:Inter,Arial,sans-serif;}body a{outline-offset:3px}.site-header,.site-footer,.site-newsletter{box-sizing:border-box}.site-header *,.site-footer *,.site-newsletter *{box-sizing:border-box}
.site-shell{width:min(1440px,calc(100% - 64px));margin:0 auto}.site-utility-bar{height:25px;background:#01040b;border-bottom:1px solid rgba(149,44,255,.55);color:#9da3b7;font:500 10px Inter,Arial,sans-serif}.site-utility-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.site-utility-links{display:flex;gap:24px}.site-utility-bar a{color:#c8cbe0;text-decoration:none}.site-header{position:relative;z-index:100;background:rgba(2,6,16,.97);border-bottom:1px solid rgba(133,39,237,.55);box-shadow:0 8px 35px rgba(0,0,0,.3)}.site-header-inner{min-height:76px;display:flex;align-items:center;gap:30px}.site-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;flex:none}.site-brand-orb{width:42px;height:42px;border:1px solid #a13cff;border-radius:50%;display:grid;place-items:center;color:#ffd23c;font-size:21px;box-shadow:0 0 18px rgba(143,36,255,.35)}.site-brand-copy{display:flex;flex-direction:column}.site-brand-copy b{font:800 20px Orbitron,Inter,sans-serif;letter-spacing:.2px;color:#f8c933;text-shadow:0 0 12px rgba(248,201,51,.12)}.site-brand-copy small{font:600 7px Inter,sans-serif;letter-spacing:2.3px;color:#d7d9e7;margin-top:1px}.site-nav{display:flex;align-items:center;justify-content:center;gap:27px;margin-left:auto}.site-nav a{position:relative;color:#e1e4ef;text-decoration:none;font:700 11px Inter,sans-serif;padding:30px 0 27px;white-space:nowrap}.site-nav a:hover,.site-nav a.is-active{color:#ffd13c}.site-nav a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:#ffd13c;box-shadow:0 0 10px rgba(255,209,60,.7)}.site-actions{display:flex;align-items:center;gap:10px;margin-left:10px}.site-login,.site-register{height:40px;padding:0 21px;display:grid;place-items:center;text-decoration:none;border-radius:8px;font:800 10px Inter,sans-serif}.site-login{color:#fff;border:1px solid #9a38ff;background:#060918}.site-register{color:#120e00;background:linear-gradient(180deg,#ffd55a,#e9a900);box-shadow:0 7px 20px rgba(245,190,36,.18)}.site-menu-toggle{display:none;margin-left:auto;background:none;border:1px solid #7d32d7;color:#fff;border-radius:8px;width:42px;height:38px}.site-demo-strip{height:24px;display:grid;place-items:center;background:#160b32;color:#e8b8ff;border-bottom:1px solid rgba(170,61,255,.5);font:700 8px Inter,sans-serif;letter-spacing:.45px}.site-newsletter{position:relative;margin-top:30px;min-height:96px;border:1px solid rgba(151,48,255,.85);border-radius:16px;background:linear-gradient(100deg,rgba(42,12,80,.85),rgba(11,9,36,.94));box-shadow:0 0 30px rgba(129,33,255,.15);display:flex;align-items:center;gap:25px;padding:16px 28px;overflow:hidden}.site-newsletter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 4% 50%,rgba(154,48,255,.35),transparent 22%),radial-gradient(circle at 95% 50%,rgba(0,191,255,.12),transparent 30%);pointer-events:none}.site-newsletter>*{position:relative;z-index:1}.site-newsletter-icon{width:68px;height:68px;border:1px solid #9e36ff;border-radius:50%;display:grid;place-items:center;color:#d87aff;font-size:26px;box-shadow:0 0 24px rgba(163,52,255,.35)}.site-newsletter-copy{flex:1}.site-newsletter-copy h3{margin:0 0 5px;color:#fff;font:800 17px Inter,sans-serif}.site-newsletter-copy p{margin:0;color:#b7b9c9;font:500 11px Inter,sans-serif}.site-newsletter-form{display:flex;width:min(560px,42%);height:48px;border:1px solid rgba(177,73,255,.65);border-radius:10px;overflow:hidden;background:#05091a}.site-newsletter-form input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;padding:0 17px;font:500 12px Inter}.site-newsletter-form button{width:135px;border:0;background:linear-gradient(180deg,#ffd54d,#e9aa00);color:#161000;font:900 10px Inter;cursor:pointer}.site-footer{position:relative;margin-top:20px;background:#01050d;border-top:1px solid rgba(142,43,255,.5);overflow:hidden}.site-footer-temple{position:absolute;right:-20px;bottom:25px;width:430px;height:340px;background:url('/public/assets/demo/ref/clean/footer-temple.jpg') right bottom/contain no-repeat;opacity:.28;mix-blend-mode:screen;pointer-events:none}.site-footer-main{position:relative;z-index:1;display:grid;grid-template-columns:1.45fr 1fr 1.15fr 1fr 1.25fr;gap:45px;padding:48px 0 46px}.site-footer-brand p{color:#9da2b4;font:500 11px/1.75 Inter;margin:17px 0 18px}.site-socials{display:flex;gap:10px}.site-socials a{width:38px;height:38px;border:1px solid #8c30dc;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font:700 15px Inter;background:rgba(24,7,47,.6)}.site-footer-col{display:flex;flex-direction:column;align-items:flex-start}.site-footer-col h4{margin:3px 0 18px;color:#f5c52f;font:800 12px Orbitron,Inter;letter-spacing:.2px}.site-footer-col a,.site-footer-col p{color:#aeb1c0;text-decoration:none;font:500 10px/2.2 Inter;margin:0}.site-footer-col a:hover{color:#ffd24b}.site-footer-contact p{max-width:220px}.site-support{color:#ffd12f!important;font-weight:800!important;margin-top:5px}.site-footer-bottom{position:relative;z-index:2;border-top:1px solid rgba(130,42,221,.55);background:linear-gradient(180deg,rgba(3,7,18,.92),#01040b)}.site-footer-bottom-inner{min-height:76px;display:flex;align-items:center;gap:28px;position:relative}.site-trust-pill{display:flex;align-items:center;min-height:58px;border:1px solid rgba(164,66,255,.75);border-radius:0 34px 34px 0;border-left:0;padding:0 34px 0 24px;gap:0;min-width:min(690px,65%);background:rgba(7,9,24,.92)}.site-trust-pill span{flex:1;display:grid;grid-template-columns:28px auto;grid-template-rows:1fr 1fr;column-gap:8px;align-items:center;padding:0 18px;border-right:1px solid rgba(130,43,216,.4)}.site-trust-pill span:last-child{border-right:0}.site-trust-pill i{grid-row:1/3;color:#c74cff;font-style:normal;font-size:18px;text-align:center}.site-trust-pill b{color:#fff;font:800 10px Inter}.site-trust-pill small{color:#9298aa;font:500 7px Inter}.site-copy{color:#7f8496;font:500 9px Inter;white-space:nowrap}.site-made{margin-left:auto;color:#a7abbc;font:500 11px Inter;white-space:nowrap}.site-made b{color:#ffad2e}.site-top{width:46px;height:46px;border-radius:50%;border:1px solid #9c37ff;background:#050718;color:#fff;font-size:22px;cursor:pointer;box-shadow:0 0 18px rgba(156,55,255,.25)}
@media(max-width:1050px){.site-nav{gap:17px}.site-nav a{font-size:9px}.site-main{}.site-footer-main{grid-template-columns:1.3fr 1fr 1fr 1fr;gap:28px}.site-footer-contact{grid-column:span 2}.site-trust-pill{min-width:58%;padding-right:10px}.site-trust-pill span{padding:0 10px}.site-made{display:none}}
@media(max-width:780px){.site-shell{width:min(100% - 28px,1440px)}.site-utility-bar{height:24px}.site-utility-links a:first-child{display:none}.site-header-inner{min-height:68px}.site-menu-toggle{display:block}.site-nav{display:none;position:absolute;left:14px;right:14px;top:calc(100% + 1px);padding:10px 16px;background:#040817;border:1px solid rgba(153,49,255,.7);border-radius:0 0 14px 14px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 20px 35px rgba(0,0,0,.5)}.site-header.menu-open .site-nav{display:flex}.site-nav a{padding:12px 3px;font-size:11px}.site-nav a.is-active:after{bottom:5px}.site-actions{margin-left:0}.site-login,.site-register{height:35px;padding:0 12px;font-size:9px}.site-newsletter{flex-wrap:wrap;padding:18px}.site-newsletter-copy{min-width:calc(100% - 95px)}.site-newsletter-form{width:100%}.site-footer-main{grid-template-columns:1fr 1fr;gap:28px}.site-footer-brand{grid-column:1/-1}.site-footer-contact{grid-column:auto}.site-footer-temple{opacity:.15;width:260px}.site-footer-bottom-inner{flex-wrap:wrap;padding:10px 0 15px}.site-trust-pill{order:1;width:100%;min-width:0;border-left:1px solid rgba(164,66,255,.75);border-radius:18px;padding:7px}.site-trust-pill span{padding:8px 6px}.site-copy{order:2}.site-top{margin-left:auto;order:3;width:38px;height:38px}}
@media(max-width:500px){.site-brand-copy b{font-size:15px}.site-brand-orb{width:36px;height:36px}.site-actions .site-login{display:none}.site-footer-main{grid-template-columns:1fr}.site-footer-contact{grid-column:auto}.site-trust-pill span b{font-size:8px}.site-trust-pill span small{font-size:6px}.site-trust-pill i{font-size:14px}}
.site-brand-logo{overflow:hidden;display:grid;place-items:center;background:transparent}.site-brand-logo img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.copy-row{display:flex;align-items:center;gap:8px}.copy-btn{border:1px solid #2b5470;background:#0b2031;color:#bfefff;border-radius:7px;padding:4px 7px;font-size:9px;cursor:pointer}

/* Phase 02 — shared shell consumes presentation variables supplied by FrontendThemeService. */
:root{--shell-primary:var(--frontend-primary,var(--shell-purple));--shell-secondary:var(--frontend-secondary,var(--shell-purple2));--shell-background:var(--frontend-background,var(--shell-bg));--shell-surface:var(--frontend-surface,var(--shell-panel));--shell-text:var(--frontend-text,var(--shell-white));}
.site-utility-bar{border-bottom-color:color-mix(in srgb,var(--shell-primary) 55%,transparent)}
.site-header{border-bottom-color:color-mix(in srgb,var(--shell-primary) 55%,transparent)}
.site-brand-orb,.site-login,.site-socials a,.site-top{border-color:color-mix(in srgb,var(--shell-primary) 80%,transparent)}
.site-brand-orb{box-shadow:0 0 18px color-mix(in srgb,var(--shell-primary) 35%,transparent)}
.site-brand-copy b{color:var(--shell-text)}
.site-nav a:hover,.site-nav a.is-active{color:var(--shell-primary)}
.site-nav a.is-active:after{background:var(--shell-primary);box-shadow:0 0 10px color-mix(in srgb,var(--shell-primary) 70%,transparent)}
.site-login{background:var(--shell-surface);color:var(--shell-text)}
.site-register{background:linear-gradient(135deg,var(--shell-primary),var(--shell-secondary));color:#fff;border-color:var(--shell-primary)}
.site-newsletter{border-color:color-mix(in srgb,var(--shell-primary) 80%,transparent);background:linear-gradient(100deg,color-mix(in srgb,var(--shell-primary) 16%,var(--shell-surface)),var(--shell-background))}
.site-newsletter-icon{border-color:var(--shell-primary);box-shadow:0 0 24px color-mix(in srgb,var(--shell-primary) 35%,transparent)}
.site-newsletter-form{border-color:color-mix(in srgb,var(--shell-primary) 65%,transparent);background:var(--shell-background)}
.site-newsletter-form button{background:linear-gradient(135deg,var(--shell-primary),var(--shell-secondary));color:#fff}
.site-footer{background:var(--shell-background);border-top-color:color-mix(in srgb,var(--shell-primary) 50%,transparent)}
.site-footer-bottom{border-top-color:color-mix(in srgb,var(--shell-primary) 50%,transparent)}
.site-trust-pill{border-color:color-mix(in srgb,var(--shell-primary) 75%,transparent);background:color-mix(in srgb,var(--shell-surface) 90%,transparent)}
@media(max-width:780px){.site-nav{background:var(--shell-background);border-color:color-mix(in srgb,var(--shell-primary) 70%,transparent)}}
.site-toast{position:fixed;right:22px;bottom:22px;z-index:99999;padding:13px 18px;border:1px solid var(--shell-primary);border-radius:10px;background:var(--shell-background);color:var(--shell-text);font:700 12px Inter,Arial;box-shadow:0 0 25px color-mix(in srgb,var(--shell-primary) 35%,transparent)}