*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0d0d12;--bg2:#13131a;--bg3:#1a1a24;--border:#ffffff14;--border2:#ffffff1f;--white:#fff;--ink:#f0eff8;--ink2:#b8b5cc;--ink3:#7a778e;--p1:#a855f7;--p2:#ec4899;--p3:#6366f1;--g1:#10b981;--y1:#f59e0b;--grad:linear-gradient(135deg,#a855f7,#ec4899);--grad2:linear-gradient(135deg,#6366f1,#a855f7);--grad3:linear-gradient(135deg,#10b981,#6366f1);--glow:0 0 30px #a855f740;--glow2:0 0 20px #ec489933}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);min-height:100vh;font-family:Noto Sans JP,Space Grotesk,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#a855f70f 0%,#0000 60%);border-radius:50%;width:600px;height:600px;position:fixed;top:-200px;right:-100px}.bg-glow2{pointer-events:none;z-index:0;background:radial-gradient(circle,#ec48990d 0%,#0000 60%);border-radius:50%;width:400px;height:400px;position:fixed;bottom:0;left:-100px}