.preloader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity .5s ease}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-text{font-size:2rem;color:var(--dark)}.dots{animation:blink 1.5s infinite}.pixel-progress-bar{width:300px;height:30px;background-color:var(--bg-light);padding:4px}.pixel-progress-fill{height:100%;transition:width .2s ease}.progress-text{font-size:1.2rem;color:var(--primary)}:root{--primary: #FF6A1A;--primary-hover: #E65C12;--primary-soft: #FFF3EC;--dark: #0F0F0F;--dark-sec: #1A1A1A;--bg: #FFFFFF;--bg-light: #F5F5F5;--border: #E5E5E5;--text-main: #111111;--text-sec: #555555;--text-muted: #888888;--font-pixel: "Press Start 2P", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text-main);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-pixel);font-weight:400;line-height:1.3}a{text-decoration:none;color:inherit}.pixel-border{border:4px solid var(--dark);box-shadow:4px 4px 0 var(--dark);transition:transform .1s,box-shadow .1s}.pixel-border:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--dark)}.pixel-border-sm{border:2px solid var(--dark);box-shadow:2px 2px 0 var(--dark)}.pixel-border-primary{border:4px solid var(--primary);box-shadow:4px 4px 0 var(--primary);transition:transform .1s,box-shadow .1s}.pixel-border-primary:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--primary)}.pixel-text{font-family:var(--font-pixel)}.bg-primary{background-color:var(--primary)}.bg-dark{background-color:var(--dark);color:var(--bg)}.bg-soft{background-color:var(--primary-soft)}.text-primary{color:var(--primary)}.text-dark{color:var(--dark)}.text-muted{color:var(--text-muted)}.text-bg{color:var(--bg)}.text-bg-light{color:var(--bg-light)}.hover-primary{transition:color .2s}.hover-primary:hover{color:var(--primary)}.hover-dark{transition:background-color .2s,color .2s}.hover-dark:hover{background-color:var(--dark);color:var(--bg)}.hover-bg-primary{transition:background-color .2s,color .2s}.hover-bg-primary:hover{background-color:var(--primary);color:var(--bg);border-color:var(--primary);box-shadow:4px 4px 0 var(--primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pixel-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(80px) rotate(45deg);opacity:0}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.bento-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.bento-wide{grid-column:span 6}.bento-square{grid-column:span 4}@media (max-width: 992px){.bento-square{grid-column:span 6}}@media (max-width: 768px){.bento-wide,.bento-square{grid-column:span 12}}