:root{--cc-blue:#0a84ff;--cc-cyan:#00d4ff;--cc-orange:#ff6b00;--cc-orange-light:#ff9500;--cc-dark:#030712;--cc-dark-2:#0a0f1e;--cc-dark-3:#0f172a;--cc-dark-panel:#111827;--cc-grid:rgba(0,212,255,.06);--cc-border:rgba(0,212,255,.2);--cc-border-bright:rgba(0,212,255,.5);--cc-text:#e2e8f0;--cc-text-dim:#64748b;--cc-text-bright:#f8fafc;--cc-glow-blue:0 0 20px rgba(0,212,255,.4);--cc-glow-orange:0 0 20px rgba(255,107,0,.4);--font-display:"Orbitron",monospace;--font-body:"Exo 2",sans-serif;--font-mono:"Share Tech Mono",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body,html{overflow-x:hidden}body{background-color:var(--cc-dark);color:var(--cc-text);font-family:var(--font-body);line-height:1.6;max-width:100vw;width:100%}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cc-dark)}::-webkit-scrollbar-thumb{background:var(--cc-cyan);border-radius:3px}body:before{background-image:linear-gradient(var(--cc-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cc-grid) 1px,transparent 1px);background-size:60px 60px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.section{padding:6rem 0;position:relative;z-index:1}.section-title{color:var(--cc-text-bright);font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.section-title span{color:var(--cc-cyan)}.section-subtitle{color:var(--cc-orange);font-family:var(--font-mono);font-size:.875rem;letter-spacing:.2em;margin-bottom:1rem;text-transform:uppercase}.section-header{margin-bottom:3.5rem}.divider{background:linear-gradient(90deg,var(--cc-cyan),transparent);height:2px;margin-top:1rem;width:60px}.cc-panel{background:linear-gradient(135deg,#0f172ae6,#0a0f1ef2);border:1px solid var(--cc-border);border-radius:4px;overflow:hidden;position:relative;transition:border-color .3s ease,box-shadow .3s ease}.cc-panel:before{background:linear-gradient(90deg,transparent,var(--cc-cyan),transparent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.cc-panel:hover{border-color:var(--cc-border-bright);box-shadow:var(--cc-glow-blue)}.cc-panel:hover:before{opacity:1}.cc-corner{position:relative}.cc-corner:after,.cc-corner:before{border-color:var(--cc-cyan);border-style:solid;content:"";height:12px;position:absolute;width:12px}.cc-corner:before{border-width:2px 0 0 2px;left:-1px;top:-1px}.cc-corner:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.btn-primary{background:transparent;border:1px solid var(--cc-cyan);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:var(--cc-cyan);cursor:pointer;display:inline-block;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.15em;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary:before{background:var(--cc-cyan);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:-1}.btn-primary:hover{box-shadow:var(--cc-glow-blue);color:var(--cc-dark)}.btn-primary:hover:before{transform:scaleX(1)}.btn-secondary{background:transparent;border:1px solid var(--cc-orange);clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);color:var(--cc-orange);cursor:pointer;display:inline-block;font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.15em;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-secondary:hover{background:var(--cc-orange);box-shadow:var(--cc-glow-orange);color:var(--cc-dark)}.tech-badge{background:#00d4ff0d;border:1px solid rgba(0,212,255,.3);border-radius:2px;color:var(--cc-cyan);display:inline-block;font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;transition:all .2s ease}.tech-badge:hover{background:#00d4ff26;border-color:var(--cc-cyan)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.glitch{animation:glitch .3s ease infinite}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink:after{animation:blink 1s step-end infinite;color:var(--cc-cyan);content:"_"}@media(max-width:768px){.section{padding:4rem 0}.section-title{font-size:1.5rem}}