:root{--brand-blue: #0067ac;--brand-black: #151515;--bg-deep: #0c0d0f;--bg: var(--brand-black);--surface: var(--brand-black);--surface-border: rgba(255, 255, 255, .08);--surface-highlight: rgba(255, 255, 255, .16);--text: #f2f4f7;--text-muted: #b4bcc6;--accent: #4aa3e3;--accent-faint: rgba(74, 163, 227, .15);--accent-strong: var(--brand-blue);--accent-strong-text: white;--accent-glow: rgba(0, 103, 172, .55);--font-display: "Michroma", "Eurostile", "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--radius: 24px;--shadow-3d: inset 0 1px 0 var(--surface-highlight), 0 2px 4px rgba(0, 0, 0, .35), 0 12px 24px -8px rgba(0, 0, 0, .55), 0 32px 64px -24px rgba(0, 0, 0, .7);--shadow-3d-hover: inset 0 1px 0 var(--surface-highlight), 0 0 0 1px rgba(74, 163, 227, .35), 0 18px 36px -10px rgba(0, 0, 0, .6), 0 40px 80px -24px var(--accent-glow)}html,body{height:100%;margin:0;color:var(--text);font-family:var(--font-body)}html{background-color:var(--bg);background-image:radial-gradient(ellipse at 50% -10%,rgba(0,103,172,.22) 0%,transparent 55%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg) 40%,var(--bg-deep) 100%);background-attachment:fixed;background-repeat:no-repeat}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{inset:-20vmax;background:radial-gradient(circle at 20% 30%,rgba(0,103,172,.28),transparent 32%),radial-gradient(circle at 80% 70%,rgba(74,163,227,.14),transparent 30%);filter:blur(40px);animation:glow-drift 30s ease-in-out infinite alternate}body:after{inset:0;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:64px 64px;-webkit-mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 70%);mask-image:radial-gradient(ellipse at 50% 0%,black 0%,transparent 70%)}@keyframes glow-drift{0%{transform:translate3d(-4%,-2%,0) rotate(0)}to{transform:translate3d(4%,3%,0) rotate(8deg)}}html{scroll-padding-top:90px;scroll-behavior:smooth}@media only screen and (max-width:700px){html{scroll-padding-top:180px}}app-root{display:block}p{color:var(--text-muted)}a{text-decoration:none}.card{position:relative;border:1px solid var(--surface-border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-3d)}.tilt{transform:perspective(1400px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(var(--lift, 0px));transform-style:preserve-3d;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .5s ease}.tilt:hover{--lift: -6px;box-shadow:var(--shadow-3d-hover);border-color:#4aa3e34d}.tilt:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(520px circle at var(--mx, 50%) var(--my, 0%),rgba(74,163,227,.13),transparent 45%);opacity:0;transition:opacity .5s ease;pointer-events:none}.tilt:hover:after{opacity:1}.scroll-fade-in{opacity:0;translate:0 32px;scale:.98;transition:opacity .8s ease-out,translate .8s cubic-bezier(.2,.8,.2,1),scale .8s cubic-bezier(.2,.8,.2,1),transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .5s ease;will-change:opacity,translate}.scroll-fade-in-visible{opacity:1;translate:0 0;scale:1}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:before{animation:none}.scroll-fade-in{transition:none;opacity:1;translate:none;scale:none}.tilt,.tilt:hover{--lift: 0px;transform:none}}