*{margin:0;padding:0;box-sizing:border-box}:root{--font-sans:"Architects Daughter",cursive,sans-serif;--font-mono:"Fira Code","Courier New",monospace;--background:#ffffff;--foreground:#000000;--muted:#f5f5f5;--muted-foreground:#595959;--border:#e0e0e0;--accent:#000000;--accent-foreground:#ffffff;--shadow:rgba(0,0,0,0.1);--card:#f8f8f8;--card-shadow:inset 0 1px 3px rgba(0,0,0,0.1);--ink-blue:#2f5fe0;--ink-blue-soft:rgba(47,95,224,0.2)}.dark{--background:#000000;--foreground:#ffffff;--muted:#1a1a1a;--muted-foreground:#a8a8a8;--border:#333333;--accent:#ffffff;--accent-foreground:#000000;--shadow:rgba(255,255,255,0.1);--card:linear-gradient(135deg,#2a2a2a,#1f1f1f);--card-shadow:inset 0 1px 3px rgba(0,0,0,0.3);--ink-blue:#6b94ff;--ink-blue-soft:rgba(107,148,255,0.28)}html{scroll-behavior:smooth;font-size:16px}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);line-height:1.7;letter-spacing:.01em;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:0;height:0;display:none}*{scrollbar-width:none}body{-ms-overflow-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.2}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.section{min-height:100vh;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.9rem;font-family:var(--font-mono);font-size:1rem;font-weight:600;border:2px solid var(--foreground);border-radius:235px 18px 225px 15px/15px 225px 20px 255px;background:transparent;color:var(--foreground);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease;text-decoration:none}.btn:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:3px 4px 0 var(--ink-blue-soft)}.btn-primary,.btn:hover{background:var(--ink-blue);color:#ffffff;border-color:var(--ink-blue)}.btn-primary:hover{background:transparent;color:var(--ink-blue);border-color:var(--ink-blue);transform:translateY(-2px) rotate(-1deg)}.sketch-box{border:2px solid var(--foreground);border-radius:255px 15px 225px 15px/15px 225px 15px 255px}.highlight{background-image:linear-gradient(120deg,var(--ink-blue-soft) 0,var(--ink-blue-soft) 100%);background-repeat:no-repeat;background-size:100% 40%;background-position:0 82%;border-radius:2px;padding:0 .08em}@media (prefers-reduced-motion:reduce){.btn-primary:hover,.btn:hover{transform:none}}.card{background:var(--muted);border:1px solid var(--border);padding:2rem;border-radius:8px;transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--shadow)}.min-h-\[500px\]{min-height:500px}@media (min-width:1024px){.lg\:h-\[calc\(100vh-2rem\)\]{height:calc(100vh - 2rem)}}