:root{--orp-red: #ef4444;--orp-glow: rgba(239, 68, 68, .55);--violet: #b794f6;--ink: #0a0812;--card-tone: #1c1a20;--card-edge: rgba(220, 200, 255, .08);--text-primary: #f2eeff;--text-muted: #a89fc4;--text-subtle: #6b6385;--tilt-max: 7;--card-radius: 28px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--ink);color:var(--text-primary);font-family:Inter,system-ui,sans-serif;min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.bg-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.bg-grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='5'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 40%,rgba(5,2,14,.65) 100%)}.scene{position:relative;z-index:2;display:grid;place-items:center;min-height:100vh;padding:2rem;perspective:1600px;perspective-origin:50% 50%}.card-wrap{position:relative;width:min(100%,44rem);transform-style:preserve-3d;transform:rotateX(var(--tx, 0deg)) rotateY(var(--ty, 0deg));opacity:0;transition:opacity .8s ease}.card-wrap.card-visible{opacity:1}.card{position:relative;padding:4.5rem 4rem 4rem;border-radius:var(--card-radius);background:linear-gradient(135deg,#c8aaff0a,#c8aaff00 40%,#8b5cf60d),var(--card-tone);border:1px solid var(--card-edge);box-shadow:0 1px #dcc8ff12 inset,0 -1px #0006 inset,0 30px 60px -20px #000000bf,0 60px 120px -40px #8b5cf640,0 0 0 1px #0000004d;transform-style:preserve-3d}.card-pattern{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:inherit;overflow:hidden;pointer-events:none;-webkit-mask-image:radial-gradient(circle 150px at var(--mx, 50%) var(--my, 50%),black 0%,transparent 75%);mask-image:radial-gradient(circle 150px at var(--mx, 50%) var(--my, 50%),black 0%,transparent 75%);opacity:0;transition:opacity .4s ease}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(220,200,255,.12) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.3) 100%);pointer-events:none;mix-blend-mode:overlay;opacity:.55}.corner{position:absolute;width:14px;height:14px;border-color:#dcc8ff33;border-style:solid;border-width:0}.corner.tl{top:18px;left:18px;border-top-width:1px;border-left-width:1px}.corner.tr{top:18px;right:18px;border-top-width:1px;border-right-width:1px}.corner.bl{bottom:18px;left:18px;border-bottom-width:1px;border-left-width:1px}.corner.br{bottom:18px;right:18px;border-bottom-width:1px;border-right-width:1px}.meta{position:absolute;top:1.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;font-size:.7rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--text-subtle);white-space:nowrap}.meta .dot{width:5px;height:5px;border-radius:50%;background:var(--violet);box-shadow:0 0 12px #b794f6cc;animation:pulse 2.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}.float-layer{position:relative;transform-style:preserve-3d}.title{margin:0;font-family:"Instrument Serif",EB Garamond,Georgia,serif;font-weight:400;font-size:clamp(4.5rem,11vw,7.75rem);line-height:.92;letter-spacing:-.035em;text-align:center;color:var(--text-primary);filter:drop-shadow(calc(0px + var(--shadow-dx, 0px)) calc(10px + var(--shadow-dy, 0px)) 22px rgba(0,0,0,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.45));transform:translateZ(40px) translate(var(--title-dx, 0px)) translateY(var(--title-dy, 0px));will-change:transform}.title .orp{color:var(--orp-red);position:relative;display:inline-block}.divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0 1.75rem;color:var(--text-subtle);font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;font-weight:500;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}.divider:before,.divider:after{content:"";height:1px;flex:1;max-width:80px;background:linear-gradient(90deg,transparent,rgba(220,200,255,.22),transparent)}.description{margin:0 auto;max-width:34rem;font-family:EB Garamond,Georgia,serif;font-size:clamp(1.15rem,1.6vw,1.3rem);line-height:1.65;color:var(--text-muted);text-align:center;font-weight:400;filter:drop-shadow(calc(0px + var(--desc-shadow-dx, 0px)) calc(4px + var(--desc-shadow-dy, 0px)) 10px rgba(0,0,0,.55)) drop-shadow(0 1px 2px rgba(0,0,0,.35));transform:translateZ(22px) translate(var(--desc-dx, 0px)) translateY(var(--desc-dy, 0px));will-change:transform}.description .term{color:var(--text-primary);font-weight:500;text-decoration:none;letter-spacing:.005em;border-bottom:1px solid rgba(220,200,255,.28);padding-bottom:1px;transition:border-color .2s ease,color .2s ease}.description .term:hover{color:var(--violet);border-bottom-color:var(--violet)}.description .greek{font-family:EB Garamond,serif;font-style:italic;font-size:1.15em;color:var(--text-primary);letter-spacing:.01em}.description .invisible{opacity:.6;white-space:nowrap;font-style:normal}.description .alive{white-space:nowrap}.description .alive-word{animation:alivePulse 10s ease-in-out infinite;display:inline-block}@keyframes alivePulse{0%,to{color:var(--text-muted);text-shadow:none}50%{color:#fff;text-shadow:0 0 20px rgba(255,255,255,.35)}}.footer{margin-top:2.5rem;display:flex;justify-content:center;align-items:center;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-subtle);font-weight:500;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45))}.footer .status{display:flex;align-items:center;gap:.6rem;white-space:nowrap}.footer .status .bar{display:inline-block;width:28px;height:1px;background:currentColor;opacity:.5}@media(max-width:640px){.card{padding:3.5rem 1.75rem 2.25rem;border-radius:20px}.meta{top:1.25rem;font-size:.62rem}.corner{width:10px;height:10px}.corner.tl,.corner.tr{top:12px}.corner.bl,.corner.br{bottom:12px}.corner.tl,.corner.bl{left:12px}.corner.tr,.corner.br{right:12px}.footer{margin-top:1.75rem}.divider{margin:1.5rem 0 1.25rem}}