:root{--bg-deep: #0f0518;--color-sunset: #FF9E64;--color-pink: #FF0080;--color-purple: #7928CA;--color-cyan: #00F0FF;--color-blue: #007CF0;--glass-bg: rgba(20, 10, 30, .4);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .5);--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--container-width: 1100px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.6;min-height:100vh}.bg-mesh{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;background:radial-gradient(at 0% 0%,var(--color-purple) 0px,transparent 50%),radial-gradient(at 100% 0%,var(--color-cyan) 0px,transparent 50%),radial-gradient(at 100% 100%,var(--color-pink) 0px,transparent 50%),radial-gradient(at 0% 100%,var(--color-blue) 0px,transparent 50%),radial-gradient(at 50% 50%,var(--bg-deep) 0px,transparent 50%);background-size:200% 200%;animation:meshFlow 20s ease infinite alternate;filter:blur(40px)}@keyframes meshFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.orb{position:fixed;border-radius:50%;filter:blur(80px);z-index:-1;opacity:.5;animation:float 20s ease-in-out infinite}.orb-1{top:10%;left:20%;width:400px;height:400px;background:var(--color-sunset);animation-delay:0s}.orb-2{bottom:20%;right:10%;width:500px;height:500px;background:var(--color-purple);animation-delay:-10s}@keyframes float{0%,to{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(50px,-60px) scale(1.1);opacity:.6}66%{transform:translate(-40px,40px) scale(.95);opacity:.5}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.glass-panel{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:24px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent)}.glass-panel:hover{background:var(--card-hover);border-color:var(--glass-highlight);box-shadow:0 8px 32px #0003,0 0 40px #00f0ff26,inset 0 1px #ffffff26;transform:translateY(-2px);transition:all .4s cubic-bezier(.16,1,.3,1)}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.text-gradient{background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.text-gradient-vibrant{background:linear-gradient(to right,var(--color-sunset),var(--color-pink),var(--color-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shine 5s linear infinite}@keyframes shine{to{background-position:200% center}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.article-layout{max-width:800px;margin:0 auto;padding:0 1.5rem;width:100%}img,video,iframe{max-width:100%;height:auto;display:block}.header-glass{background:#05050a99;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0003}