@font-face{font-family:Kario;src:url(/assets/Kario39C3VarWEB-Roman-DrunH8by.woff2) format("woff2"),url(/assets/Kario39C3VarWEB-Roman-D9V9Hs85.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--color-bg-primary: #0a0a0a;--color-bg-secondary: #1a1a1a;--color-bg-card: #2a2a2a;--color-text-primary: #e0e0e0;--color-text-secondary: #a0a0a0;--color-accent-orange: #ff6b35;--color-accent-orange-hover: #ff8555;--color-grey: #505050;--color-grey-light: #707070;--border-radius: 12px;--border-radius-sm: 8px;--border-radius-lg: 16px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--transition-speed: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--color-text-primary);background:var(--color-bg-primary);font-family:var(--font-family);line-height:1.6;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-accent-orange);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--color-accent-orange-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}h1{font-size:2.5rem;margin-bottom:var(--spacing-md)}h2{font-size:2rem;margin-bottom:var(--spacing-md)}h3{font-size:1.5rem;margin-bottom:var(--spacing-sm)}p{margin-bottom:var(--spacing-sm)}.card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:var(--spacing-lg);transition:transform var(--transition-speed),box-shadow var(--transition-speed)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #ff6b3526}.btn{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-sm);font-weight:500;text-align:center;cursor:pointer;transition:all var(--transition-speed);border:none;font-size:1rem}.btn-primary{background:var(--color-accent-orange);color:var(--color-bg-primary)}.btn-primary:hover{background:var(--color-accent-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background:transparent;color:var(--color-accent-orange);border:2px solid var(--color-accent-orange)}.btn-secondary:hover{background:var(--color-accent-orange);color:var(--color-bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page-enter-active,.page-leave-active{transition:opacity var(--transition-speed),transform var(--transition-speed)}.page-enter-from{opacity:0;transform:translateY(10px)}.page-leave-to{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}}.graffiti-logo[data-v-3b649373]{height:auto;opacity:.9}.logo-outline[data-v-3b649373]{font-family:Kario,Arial Black,Arial Bold,sans-serif;font-size:45px;font-weight:900;fill:none;stroke:#141414;stroke-width:8;stroke-linejoin:round;letter-spacing:5px;animation:logoLayerFloat-3b649373 12s ease-in-out infinite}.logo-mid[data-v-3b649373]{font-family:Kario,Arial Black,Arial Bold,sans-serif;font-size:40px;font-weight:900;fill:none;stroke:#ff3719;stroke-width:5;stroke-linejoin:round;letter-spacing:5px;animation:logoLayerFloat-3b649373 10s ease-in-out infinite reverse}.logo-main[data-v-3b649373]{font-family:Kario,Arial Black,Arial Bold,sans-serif;font-size:42px;font-weight:500;fill:url(#logoGradient);stroke:#ff3719;stroke-width:2;letter-spacing:4px;animation:logoLayerFloat-3b649373 8s ease-in-out infinite}.logo-highlight[data-v-3b649373]{font-family:Kario,Arial Black,Arial Bold,sans-serif;font-size:42px;font-weight:100;fill:#faf5f580;stroke:none;letter-spacing:-2px;transform:translate(-2px,-2px);animation:logoLayerFloat-3b649373 15s ease-in-out infinite reverse}@keyframes logoLayerFloat-3b649373{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(2px) translateY(-.5px)}50%{transform:translate(-.9px) translateY(1px)}75%{transform:translate(-2px) translateY(-.8px)}}.graffiti-logo:hover .logo-main[data-v-3b649373]{animation:pulse-3b649373 .6s ease-in-out}@keyframes pulse-3b649373{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pcb-background[data-v-d51fb5ab]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none}.pcb-overlay[data-v-d51fb5ab]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0009,#0006,#0009);z-index:1}.pcb-pattern[data-v-d51fb5ab]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.3;z-index:2;animation:gridPulse-d51fb5ab 8s ease-in-out infinite;transform-origin:center}.circuit-svg[data-v-d51fb5ab]{width:100%;height:100%}@keyframes gridPulse-d51fb5ab{0%,to{filter:brightness(1) contrast(1) hue-rotate(0deg);transform:scale(1) rotate(0)}25%{filter:brightness(1.2) contrast(1.1) hue-rotate(5deg);transform:scale(1.01) rotate(.1deg)}50%{filter:brightness(.9) contrast(.95) hue-rotate(-3deg);transform:scale(.99) rotate(-.05deg)}75%{filter:brightness(1.1) contrast(1.05) hue-rotate(2deg);transform:scale(1.005) rotate(.08deg)}}.home-container{background:transparent;color:#fff;min-height:100vh;padding:2rem;position:relative;z-index:1}.content-wrapper{max-width:1200px;margin:0 auto}.logo-section{display:flex;justify-content:center;margin-bottom:5rem;max-height:300px}.hero-slogan{color:#ff3719;font-family:Kario,sans-serif;font-size:3rem;font-weight:900;text-align:center;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.2em;text-shadow:0 0 60px rgba(255,50,25,.9),0 0 120px rgba(240,233,231,.9);white-space:pre-line;animation:sloganFloat 8s ease-in-out infinite,sloganGlow 4s ease-in-out infinite alternate;transition:opacity .6s ease-in-out,filter .3s ease-in-out}.hero-subtitle{color:#ff3719;font-family:Kario,sans-serif;font-size:1rem;text-align:center;margin-bottom:2rem;opacity:.7}.hero-description{color:#ff3719;font-size:1.2rem;line-height:1.6;text-align:center;max-width:600px;margin:0 auto 3rem}.button-group{display:flex;gap:1rem;justify-content:center}.btn-primary{background:#ff6b35;color:#000;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.btn-secondary{background:transparent;color:#0f8;padding:.75rem 1.5rem;border:2px solid #00ff88;border-radius:4px;cursor:pointer;font-size:1rem}.version-badge{position:fixed;bottom:.5rem;left:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:4px;border:1px solid #ff6b35;font-size:.75rem;font-family:monospace;z-index:10;opacity:.8}.footer{position:fixed;bottom:.5rem;right:.5rem;background:#000c;color:#fff;padding:.5rem 1rem;border-radius:4px;border:1px solid #ff6b35;font-size:.75rem;font-family:monospace;z-index:10;opacity:.8}.notice{position:fixed;bottom:.5rem;right:-5rem;transform:translate(-50%);background:#000c;color:#fff;padding:.25rem .75rem;border-radius:4px;border:1px solid #ff6b35;font-size:.7rem;font-family:monospace;z-index:1000!important;opacity:.8}@keyframes sloganFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}@keyframes sloganGlow{0%{text-shadow:0 0 30px rgba(255,107,53,.8),0 0 60px rgba(255,107,53,.4)}to{text-shadow:0 0 40px rgba(255,107,53,1),0 0 80px rgba(255,107,53,.6),0 0 120px rgba(255,107,53,.3)}}@media (max-width: 768px){h1{font-size:5rem!important;letter-spacing:.1em!important}}@media (max-width: 480px){h1{font-size:3.5rem!important;letter-spacing:.05em!important}}