:root{--clr-text: #e8e4f0;--clr-accent: #a78bfa;--accent-dim: #6d4fc2;--clr-subtitle: #5a5470;--clr-bg: #080810;--ff-accent: "Cinzel", serif;--ff-base: "DM Mono", monospace;--fw-600: 600}*,*:before,*:after{box-sizing:border-box}ul[class]{list-style:none;padding:0;margin:0}body{font-family:var(--ff-base);background:var(--clr-bg);margin:0;overflow:hidden}body:before{content:"";position:fixed;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");inset:0;pointer-events:none;z-index:0;opacity:.4}.glow{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(109,79,194,.12) 0%,transparent 70%);pointer-events:none}.container{display:grid;grid-template-rows:1fr auto;place-items:center;min-height:100vh;position:relative;z-index:1}.main{display:flex;flex-direction:column;align-items:center}#canvas-wrap{position:relative;width:280px;height:280px;margin-bottom:2rem}.hero__title{font-family:var(--ff-accent);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:var(--fw-600);color:var(--clr-text);letter-spacing:.05em;line-height:1;margin:0;text-transform:uppercase;animation:fadeUp 1s ease both;animation-delay:.2s}.hero__title span{color:var(--clr-accent)}.hero__subtitle{font-size:.72rem;color:var(--clr-subtitle);letter-spacing:.2em;margin:0;text-transform:uppercase;margin-top:.6rem;animation:fadeUp 1s ease both;animation-delay:.4s}.divider{width:1px;height:40px;background:linear-gradient(to bottom,transparent,#5a5470,transparent);margin:1.5rem auto;animation:fadeUp 1s ease both;animation-delay:.5s}.social{display:flex;justify-content:center;gap:2rem;animation:fadeUp 1s ease both;animation-delay:.6s}.social__link{display:flex;align-items:center;gap:.5em;font-size:.72rem;color:#5a5470;text-decoration:none;cursor:pointer;transition:color .3s,gap .3s}.social__link:hover,.social__link:active{color:#a78bfa;gap:.75rem}.social__link svg{width:16px;height:16px;transition:transform .3s}.social__link:hover svg{transform:scale(1.2)}.social__link span{letter-spacing:.12em;text-transform:uppercase;margin-top:auto}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0)}}.ring{position:absolute;inset:-12px;border-radius:50%;border:1px solid transparent;border-top-color:var(--accent-dim);border-right-color:var(--accent-dim);opacity:.3;animation:spin 8s linear infinite;pointer-events:none}.ring-2{inset:-24px;border-top-color:transparent;border-bottom-color:var(--accent-dim);animation-duration:14s;animation-direction:reverse;opacity:.15}@keyframes spin{to{transform:rotate(360deg)}}.footer{font-size:.6rem;color:var(--clr-subtitle);letter-spacing:.15em;text-transform:uppercase;padding-bottom:1.5rem;opacity:.5;animation:fadeUp 1s ease both;animation-delay:.8s}