:root{--color-bg-primary: #050505;--color-bg-secondary: #111111;--color-bg-contrast: #FFFFFF;--color-text-primary: #FFFFFF;--color-text-secondary: #888888;--color-text-inverse: #000000;--color-accent: #E31937;--color-border: #333333;--color-grid-line: rgba(255, 255, 255, .05);--font-family-sans: "Inter", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Space Mono", "Roboto Mono", monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 15px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 40px;--font-size-3xl: 60px;--font-size-hero: 100px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--header-height: 0px;--page-top-offset: 140px;--container-width: 1400px;--border-radius-xs: 2px;--border-radius-sm: 4px;--border-radius-md: 12px;--border-radius-pill: 999px;--shadow-sm: 2px 2px 0px rgba(255, 255, 255, .1);--shadow-float: 0 10px 30px rgba(0, 0, 0, .8);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: .4s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{font-family:var(--font-family-sans);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--color-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid-line) 1px,transparent 1px);background-size:40px 40px;overflow-x:hidden}.grid-animation{display:none}.grid-animation-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.glowing-dot{position:absolute;width:4px;height:4px;background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #fffc;opacity:0}.glowing-dot:before{content:"";position:absolute;z-index:-1}.glowing-dot.horizontal:before{right:2px;top:50%;transform:translateY(-50%);width:60px;height:1px;background:linear-gradient(to left,rgba(255,255,255,.6),transparent)}.glowing-dot.vertical:before{bottom:2px;left:50%;transform:translate(-50%);width:1px;height:60px;background:linear-gradient(to top,rgba(255,255,255,.6),transparent)}.glowing-dot.horizontal{animation-name:moveDotHorizontal;animation-timing-function:linear;animation-iteration-count:infinite}.glowing-dot.vertical{animation-name:moveDotVertical;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes moveDotHorizontal{0%{transform:translate(-50px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100vw);opacity:0}}@keyframes moveDotVertical{0%{transform:translateY(-50px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100vh);opacity:0}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-bg-primary);border-left:1px solid var(--color-border)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:0}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-6);position:relative}h1,h2,h3,h4{font-family:var(--font-family-sans);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}p{color:var(--color-text-secondary)}.tech-label{font-family:var(--font-family-mono);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:1px;color:var(--color-text-secondary);border:1px solid var(--color-border);padding:4px 8px;display:inline-block;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bento-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-xs);overflow:hidden;position:relative;transition:all var(--transition-fast)}.bento-card:hover{border-color:var(--color-text-primary);box-shadow:4px 4px #ffffff1a;transform:translate(-1px,-1px)}.text-gradient{color:var(--color-text-primary)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:slideUpFade .6s var(--transition-normal) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.btn-primary{font-family:var(--font-family-mono);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:1px;padding:var(--space-3) var(--space-6);background:var(--color-text-primary);color:var(--color-bg-primary);border-radius:var(--border-radius-xs);border:1px solid var(--color-text-primary);transition:var(--transition-fast)}.btn-primary:hover{background:transparent;color:var(--color-text-primary);box-shadow:2px 2px 0 var(--color-text-primary)}input,textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-border);background:var(--color-bg-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);border-radius:0}input:focus,textarea:focus{outline:none;border-color:var(--color-accent)}