:root{--bg-color: #0a0a0a;--text-main: #f0f0f0;--text-muted: #888888;--accent: #ffffff;--grid-line: rgba(255, 255, 255, .05);--font-sans: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Syne", -apple-system, BlinkMacSystemFont, sans-serif;--pad-page: 2rem;--overlay-bg: rgba(10, 10, 10, .1)}[data-theme=light]{--bg-color: #f0f0f0;--text-main: #0a0a0a;--text-muted: #555555;--accent: #000000;--grid-line: rgba(0, 0, 0, .05);--overlay-bg: rgba(240, 240, 240, .3)}@media (max-width: 768px){:root{--pad-page: 1rem}}*{margin:0;padding:0;box-sizing:border-box;cursor:none}body{background-color:var(--bg-color);color:var(--text-main);transition:background-color .3s ease,color .3s ease;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;overflow-wrap:break-word;word-wrap:break-word;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:50px 50px;background-position:center top}#root{width:100%;overflow-x:hidden}::selection{background:var(--text-main);color:var(--bg-color)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.02em}#webgl-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}#webgl-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1;transition:background .3s ease}.section{min-height:100dvh;width:100%;padding:var(--pad-page);display:flex;flex-direction:column;position:relative;z-index:10}.text-huge{font-size:clamp(4rem,12vw,12rem);line-height:.85}.text-large{font-size:clamp(2.5rem,6vw,6rem);line-height:1}.text-medium{font-size:clamp(1.2rem,2vw,2rem);line-height:1.4}.text-small{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.grid-layout{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.btn-primary{display:inline-flex;align-items:center;gap:1rem;padding:1.2rem 2.5rem;background:var(--text-main);color:var(--bg-color);font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;transition:all .4s cubic-bezier(.23,1,.32,1);border:1px solid var(--text-main);position:relative;overflow:hidden}.btn-primary:hover{background:transparent;color:var(--text-main);transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-icon{width:18px;height:18px;transition:transform .4s ease}.btn-primary:hover .btn-icon{transform:translateY(2px)}@media (max-width: 768px){.grid-layout{display:flex!important;flex-direction:column!important;gap:2rem!important}.grid-layout>div{width:100%!important}.project-card,.skill-row{display:flex!important;flex-direction:column!important;gap:1.5rem!important;padding:2.5rem var(--pad-page)!important}.text-huge{font-size:clamp(2.5rem,12vw,5rem)!important;letter-spacing:-.05em}.text-large{font-size:clamp(2rem,8vw,3rem)!important}.text-medium{font-size:clamp(1.1rem,4vw,1.5rem)!important}.hero-footer{flex-direction:column!important;align-items:flex-start!important;gap:1.5rem!important}.contact-links{flex-direction:column!important;gap:1.5rem!important}.contact-footer{flex-direction:column!important;align-items:center!important;gap:1rem!important}}