:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#ba8bddca;--accent-border:#aa3bff80;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--cursor-size:40px;--grid-color:#7272721a}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#1a0b1d;--accent:#c084fc;--grid-color:#ffffff08}body{font-size:16px;overflow-y:auto}#app{background-size:40px 40px;justify-content:center;padding:40px 20px}}*{box-sizing:border-box;margin:0;padding:0;cursor:none!important}body{background-color:var(--bg);color:var(--text);font:18px/145% var(--sans);min-height:100vh;overflow-x:hidden}#app{box-sizing:border-box;background-image:linear-gradient(0deg, transparent 24%, var(--grid-color) 25%, var(--grid-color) 26%, transparent 27%, transparent 74%, var(--grid-color) 75%, var(--grid-color) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, var(--grid-color) 25%, var(--grid-color) 26%, transparent 27%, transparent 74%, var(--grid-color) 75%, var(--grid-color) 76%, transparent 77%, transparent);background-size:60px 60px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}nav{padding:15px!important}.nav-link{color:var(--text);font-family:var(--mono);letter-spacing:5px;text-transform:uppercase;opacity:.6;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .4s}.nav-link:hover{color:var(--accent);opacity:1;text-shadow:0 0 15px var(--accent-border)}h1{color:var(--text-h);letter-spacing:-.05em;text-transform:uppercase;margin:20px 0 .5rem;padding:0;font-size:clamp(2rem,8vw,5rem);font-weight:800;line-height:.9}.pyramid-loader{width:250px;height:250px;transform-style:preserve-3d;cursor:pointer;justify-content:center;align-items:center;margin:0 auto;transition:transform .5s;display:flex;position:relative;transform:rotateX(-20deg)}.pyramid-wrapper:hover .pyramid-loader{transform:rotateX(-20deg)scale(1.1)}.wrapper{z-index:20;width:100%;height:100%;transform-style:preserve-3d;margin-top:-130px;animation:4s linear infinite spin;position:relative}@keyframes spin{to{transform:rotateY(360deg)}}.pyramid-loader .wrapper .side{transform-origin:top;clip-path:polygon(50% 0%,0% 100%,100% 100%);width:100px;height:100px;margin:auto;position:absolute;inset:0}.side1{background:conic-gradient(#2bdeac,#f028fd,#d8cce6,#2f2585);transform:rotate(-30deg)rotateY(90deg)}.side2{background:conic-gradient(#2f2585,#d8cce6,#f028fd,#2bdeac);transform:rotate(30deg)rotateY(90deg)}.side3{background:conic-gradient(#2f2585,#d8cce6,#f028fd,#2bdeac);transform:rotateX(30deg)}.side4{background:conic-gradient(#2bdeac,#f028fd,#d8cce6,#2f2585);transform:rotateX(-30deg)}.shadow{background:var(--accent);filter:blur(15px);opacity:.5;width:60px;height:60px;margin:auto;position:absolute;inset:0;transform:rotateX(90deg)translateZ(-50px)}#custom-cursor{width:var(--cursor-size);height:var(--cursor-size);pointer-events:none;z-index:9999;mix-blend-mode:difference;background-color:#3db2d8;border-radius:50%;transition:transform .15s ease-out;position:fixed;top:0;left:0}.cursor-hover{transform:scale(4)}