:root{--ink:#eeeaf8;--muted:#aaa4bc;--paper:#08070d;--white:#11101a;--violet:#a895ff;--dark:#151127;--gold:#d6b77a;--line:rgba(211,197,255,.13);--shadow:0 30px 90px rgba(0,0,0,.62)}
html{color-scheme:dark}body{background:#08070d;color:var(--ink);background-image:radial-gradient(circle at 48% -10%,rgba(104,74,166,.14),transparent 34%),linear-gradient(180deg,#08070d,#0c0a13 45%,#08070d)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:radial-gradient(rgba(255,255,255,.55) .45px,transparent .8px);background-size:37px 37px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
.header{background:rgba(8,7,13,.76);border-color:rgba(214,183,122,.12);box-shadow:0 8px 35px rgba(0,0,0,.16)}.brand i{position:relative;background:radial-gradient(circle,#cdb5ff 0 6%,#4f3c91 8% 35%,#171126 70%);color:#e7d6ff;box-shadow:0 0 24px rgba(168,149,255,.32);animation:orbPulse 5s ease-in-out infinite}.brand i:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(214,183,122,.25);border-radius:50%;animation:orbit 12s linear infinite}.brand b{color:#f1ecfa}.brand small{color:#8d859e}.header nav a{color:#bdb6ca}.header nav a:hover{color:#e7d39e;text-shadow:0 0 20px rgba(231,211,158,.4)}.header .tg,.languages{background:rgba(255,255,255,.025);border-color:rgba(211,197,255,.16)}.language-choice.active{background:rgba(168,149,255,.12);color:#fff;box-shadow:inset 0 0 18px rgba(168,149,255,.07)}
.hero{isolation:isolate;min-height:calc(100vh - 82px);display:flex;align-items:center;padding:76px 0 92px;background:radial-gradient(ellipse at 63% 42%,rgba(86,60,140,.22),transparent 30%),radial-gradient(ellipse at 20% 70%,rgba(183,143,95,.08),transparent 34%),linear-gradient(135deg,#08070d,#0f0c19 56%,#090711);border-bottom:1px solid rgba(214,183,122,.1)}.hero:before{content:"";position:absolute;z-index:-1;left:-18%;right:-18%;bottom:-16%;height:55%;background:radial-gradient(ellipse at 25% 50%,rgba(172,165,204,.16),transparent 38%),radial-gradient(ellipse at 70% 45%,rgba(124,112,161,.13),transparent 42%),radial-gradient(ellipse at 48% 75%,rgba(225,216,236,.09),transparent 34%);filter:blur(28px);animation:fogDrift 20s ease-in-out infinite alternate}.hero:after{z-index:-2;right:-120px;top:-270px;border-color:rgba(168,149,255,.1);box-shadow:0 0 0 75px rgba(168,149,255,.018),0 0 0 150px rgba(214,183,122,.012);animation:slowSpin 55s linear infinite}.eyebrow{color:var(--gold);text-shadow:0 0 18px rgba(214,183,122,.26)}.hero h1{color:#f1edf7;text-shadow:0 8px 40px rgba(0,0,0,.45)}.hero h1 em{color:#b5a2ff;text-shadow:0 0 35px rgba(168,149,255,.25)}.hero-in>div>p{color:#aba5b9}.button{position:relative;overflow:hidden;background:linear-gradient(120deg,#30245d,#5b438e);border:1px solid rgba(207,188,255,.22);box-shadow:0 14px 40px rgba(25,14,55,.45),inset 0 1px rgba(255,255,255,.1)}.button:before{content:"";position:absolute;top:-100%;left:-35%;width:28%;height:300%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:rotate(24deg);animation:buttonGlimmer 5.5s ease-in-out infinite}.button:hover{background:linear-gradient(120deg,#4b377e,#7355a8);box-shadow:0 16px 48px rgba(84,57,145,.32)}
.feature{border:1px solid rgba(222,204,255,.16);background:#100c1b;box-shadow:0 35px 100px rgba(0,0,0,.72),0 0 60px rgba(105,74,166,.11);animation:featureFloat 8s ease-in-out infinite}.feature:before{content:"";position:absolute;z-index:3;inset:0;border-radius:inherit;box-shadow:inset 0 0 70px rgba(5,3,12,.6);pointer-events:none}.feature:after{background:linear-gradient(transparent 18%,rgba(9,6,18,.24) 48%,rgba(8,5,16,.98))}.feature img{filter:saturate(.74) contrast(1.05) brightness(.78)}
.latest{position:relative}.latest:before{content:"";position:absolute;left:-20%;right:-20%;top:-60px;height:240px;background:radial-gradient(ellipse,rgba(121,101,160,.075),transparent 66%);filter:blur(35px);pointer-events:none}.section-title h2{color:#ede8f4}.section-title>a,.more{color:#bba9ff}.card{background:linear-gradient(155deg,rgba(22,19,32,.96),rgba(13,11,20,.98));border-color:rgba(203,190,231,.11);box-shadow:0 18px 55px rgba(0,0,0,.28)}.card:hover{border-color:rgba(183,163,238,.28);box-shadow:0 25px 70px rgba(0,0,0,.55),0 0 35px rgba(108,75,166,.07)}.card-img{background:#11101a}.card-img:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(8,7,13,.55))}.card-img{position:relative}.card-img img{filter:saturate(.67) brightness(.78)}.card:hover .card-img img{filter:saturate(.82) brightness(.9)}.placeholder{background:radial-gradient(circle,rgba(155,129,221,.22),transparent 30%),linear-gradient(135deg,#171326,#0d0b15);color:#b9a5ff;text-shadow:0 0 22px #8d6ee0}.card time{color:#777184}.card h2{color:#e8e3ef}.card p{color:#8f899c}.quote{border-color:rgba(214,183,122,.13);color:var(--gold)}.quote p{color:#dcd6e5}.cta{background:radial-gradient(circle at 78% 0,rgba(163,132,221,.18),transparent 30%),linear-gradient(130deg,#171127,#0d0a16);border:1px solid rgba(198,179,238,.14);box-shadow:var(--shadow)}.cta .button{background:rgba(244,237,255,.9);color:#211735}.archive-head input{color:#eeeaf8}.archive-head form{border-color:#696176}.about-grid article{background:linear-gradient(145deg,#14111e,#0d0b14);border-color:var(--line)}.article figure{box-shadow:var(--shadow);border:1px solid var(--line)}.article-text{color:#d7d1df}.site-footer,footer{background:#06050a;border-top:1px solid rgba(214,183,122,.1)}
@keyframes fogDrift{0%{transform:translate3d(-3%,2%,0) scale(1)}50%{transform:translate3d(4%,-4%,0) scale(1.08)}100%{transform:translate3d(-1%,1%,0) scale(1.03)}}@keyframes featureFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbPulse{0%,100%{box-shadow:0 0 18px rgba(168,149,255,.22)}50%{box-shadow:0 0 34px rgba(168,149,255,.5)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes buttonGlimmer{0%,55%{left:-40%}85%,100%{left:135%}}
@media(max-width:860px){.header nav{background:rgba(12,10,19,.97);border:1px solid var(--line)}.hero{min-height:auto}.feature{animation:none}}@media(max-width:560px){.hero{padding-top:58px;background:radial-gradient(ellipse at 70% 55%,rgba(86,60,140,.19),transparent 35%),linear-gradient(155deg,#08070d,#100c1a)}.hero h1{font-size:48px}.hero-in>div>p{color:#a49dae}.feature{box-shadow:0 25px 70px rgba(0,0,0,.6)}.button{width:auto}}
@media(prefers-reduced-motion:reduce){.feature,.brand i,.brand i:after,.hero:before,.hero:after,.button:before{animation:none!important}}
@media(max-width:560px){.latest:before{left:0;right:0}}