*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #000000;--color-text: #ffffff;--color-accent: #ff6b35;--color-accent-dark: #ff5722;--color-accent-light: #ff8c42;--color-border: #333333;--color-hover: #1a1a1a;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--transition: all .3s ease-in-out}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:var(--spacing-md)}a{color:var(--color-accent);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-accent-light);text-decoration:underline}.layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl);position:sticky;top:0;z-index:1000;overflow:hidden;position:relative}.header.design-wires:before{content:"";position:absolute;width:100vw;inset:0 0 0 50%;transform:translate(-50%);background:repeating-linear-gradient(90deg,transparent 0px,rgba(255,107,53,.7) 2px,transparent 4px,transparent 20px),repeating-linear-gradient(45deg,transparent 0px,rgba(255,107,53,.5) 1px,transparent 2px,transparent 30px),repeating-linear-gradient(-45deg,transparent 0px,rgba(255,107,53,.5) 1px,transparent 2px,transparent 30px);background-size:100% 100%,200% 200%,200% 200%;background-position:0 0,0 0,0 0;pointer-events:none;animation:wireFlow 20s linear infinite;z-index:0}@keyframes wireFlow{0%{background-position:0 0,0 0,0 0}to{background-position:0 0,100% 100%,-100% 100%}}.header.design-logo:before{content:"";position:absolute;width:100vw;inset:0 0 0 50%;transform:translate(-50%);background-color:transparent;pointer-events:none;z-index:0}.header.design-logo:after{content:"";position:absolute;top:0;left:12%;width:6px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0) 15%,rgba(255,255,255,1) 22%,rgba(200,220,255,.9) 24%,rgba(255,255,255,.7) 26%,rgba(255,255,255,0) 35%,transparent 100%);filter:drop-shadow(0 0 15px rgba(255,255,255,1)) drop-shadow(0 0 25px rgba(100,150,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.6));pointer-events:none;z-index:0;animation:lightning1 6s infinite;box-shadow:-8px 0 20px #fffc,8px 0 20px #fffc,0 0 30px #64c8ff99}.header.design-logo{position:relative}.header.design-logo:before{content:"";position:absolute;top:0;right:18%;width:5px;height:100%;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,1) 25%,rgba(200,220,255,.9) 27%,rgba(255,255,255,.7) 29%,rgba(255,255,255,0) 40%,transparent 100%);filter:drop-shadow(0 0 15px rgba(255,255,255,1)) drop-shadow(0 0 25px rgba(100,150,255,.8)) drop-shadow(0 0 40px rgba(255,255,255,.6));pointer-events:none;z-index:0;animation:lightning2 7s infinite;box-shadow:-8px 0 20px #fffc,8px 0 20px #fffc,0 0 30px #64c8ff99}@keyframes lightning1{0%,12%,15%,20%,50%,52%,to{opacity:0}13%,14%,21%,51%{opacity:1}}@keyframes lightning2{0%,25%,28%,35%,60%,62%,to{opacity:0}26%,27%,36%,61%{opacity:1}}.header.design-logo{animation:headerFlash 6s infinite}@keyframes headerFlash{0%,12%,15%,25%,50%,52%,62%,65%,to{box-shadow:none}13%,14%,26%,51%,63%,64%{box-shadow:0 0 50px #fff9 inset,0 0 80px #6496ff80 inset}}.header.design-wires-custom:before{content:"";position:absolute;width:100vw;inset:0 0 0 50%;transform:translate(-50%);background-image:url(/assets/Wires-Pattern-k0_uXqQ2.png);background-size:cover;background-repeat:repeat;background-position:0 center;opacity:.75;filter:brightness(1.3);pointer-events:none;z-index:0}.header-content{position:relative;z-index:1}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-md);font-size:1.75rem;font-weight:500;color:var(--color-text);position:relative;z-index:1}.logo img{height:60px;width:auto}.header.design-circuit .logo:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(180deg);width:300px;height:300px;background-image:url(/assets/Abacus%20Logo%20v3-AlNflbtO.jpg);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.75;z-index:-1;pointer-events:none}.nav-menu{display:flex;gap:var(--spacing-xl);list-style:none}.nav-menu a{color:var(--color-text);font-weight:500;transition:var(--transition)}.nav-menu a:hover{color:var(--color-accent);text-decoration:none}.nav-menu a.active{color:var(--color-accent);border-bottom:2px solid var(--color-accent);padding-bottom:4px}.admin-link{position:absolute;bottom:8px;right:12px;color:#ffffff26!important;font-size:.75rem;font-weight:400;transition:all .3s ease;z-index:10}.admin-link:hover{color:#fff6!important;text-decoration:none}.admin-link.active{color:#ff6b354d!important;border:none!important;padding:0!important}.header.design-circuit{background-color:var(--color-bg);position:relative}.main-content{flex:1;max-width:1200px;margin:0 auto;width:100%;padding:var(--spacing-2xl) var(--spacing-xl)}.footer{background-color:var(--color-hover);border-top:1px solid var(--color-border);padding:var(--spacing-2xl) var(--spacing-xl);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.footer-section h4{margin-bottom:var(--spacing-md);color:var(--color-accent)}.footer-section p,.footer-section a{display:block;margin-bottom:var(--spacing-sm);font-size:.95rem}.footer-bottom{border-top:1px solid var(--color-border);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);text-align:center;font-size:.9rem;opacity:.8}.btn{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-accent);color:var(--color-bg);border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:var(--transition);text-decoration:none;font-size:1rem}.btn:hover{background-color:var(--color-accent-light);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.btn-secondary{background-color:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background-color:var(--color-hover)}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}.form-group{margin-bottom:var(--spacing-lg)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:500}input,textarea,select{width:100%;padding:var(--spacing-md);background-color:var(--color-hover);border:1px solid var(--color-border);color:var(--color-text);border-radius:4px;font-family:var(--font-family);font-size:1rem;transition:var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #ff6b351a}textarea{resize:vertical;min-height:120px}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background-color:var(--color-hover);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-lg);transition:var(--transition)}.card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #ff6b351a;transform:translateY(-2px)}.section{margin-bottom:var(--spacing-2xl)}.section-title{font-size:2.25rem;margin-bottom:var(--spacing-xl);position:relative;padding-bottom:var(--spacing-md)}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--color-accent)}.hero{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#ff6b350d,#0000);border-radius:8px;margin-bottom:var(--spacing-2xl)}.hero h1{font-size:3.5rem;margin-bottom:var(--spacing-lg);line-height:1.2}.hero p{font-size:1.25rem;margin-bottom:var(--spacing-xl);opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}.hero .btn{margin-top:var(--spacing-lg)}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--spacing-lg)}.nav-menu{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.main-content{padding:var(--spacing-lg) var(--spacing-md)}.grid-2,.grid-3,.grid-4,.footer-content{grid-template-columns:1fr}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.hero h1{font-size:2rem}.hero p{font-size:1rem}.btn{display:block;text-align:center}.nav-menu{gap:var(--spacing-md);font-size:.9rem}}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--spacing-md)}.mt-2{margin-top:var(--spacing-lg)}.mt-3{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-md)}.mb-2{margin-bottom:var(--spacing-lg)}.mb-3{margin-bottom:var(--spacing-xl)}.opacity-75{opacity:.75}.opacity-50{opacity:.5}.hidden{display:none}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}