:root{--color-primary: #00ffff;--color-secondary: #ff00ff;--color-tertiary: #39ff14;--color-accent: #ff6600;--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-text-primary: #e0e0e0;--color-text-secondary: #a8a8a8;--color-text-dark: #0a0a0a;--color-border: rgba(0, 255, 255, 0.3);--color-success: #39ff14;--color-warning: #ffaa00;--color-danger: #ff6600;--color-glow-primary: rgba(0, 255, 255, 0.8);--color-glow-secondary: rgba(255, 0, 255, 0.6);--color-glow-tertiary: rgba(57, 255, 20, 0.7);--color-glow-accent: rgba(255, 102, 0, 0.7);--glow-intensity: 0.8;--scan-line-height: 2px;--animation-speed-fast: 0.15s;--animation-speed-medium: 0.3s;--animation-speed-slow: 0.6s;--border-radius-small: 2px;--border-radius-medium: 4px;--spacing-xs: 0.25rem;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 6rem}@keyframes glow-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes scan-line{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes glitch-1{0%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}100%{transform:translate(0)}}@keyframes glitch-2{0%{transform:translate(0)}20%{transform:translate(2px, -2px)}40%{transform:translate(2px, 2px)}60%{transform:translate(-2px, -2px)}80%{transform:translate(-2px, 2px)}100%{transform:translate(0)}}@keyframes matrix-fall{0%{transform:translateY(-100vh);opacity:1}100%{transform:translateY(100vh);opacity:0}}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(120deg)}66%{transform:translateY(5px) rotate(240deg)}}@keyframes cursor-blink{0%,50%{opacity:1}51%,100%{opacity:0}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Rajdhani","Russo One",sans-serif;font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;color:#e0e0e0;background:#0d1117;overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle at 20% 80%, rgba(0, 255, 255, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 20%, rgba(255, 0, 255, 0.1) 0%, transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:"Orbitron","Exo 2",monospace;font-weight:700;line-height:1.2;margin-bottom:1rem}h1::selection,h2::selection,h3::selection,h4::selection,h5::selection,h6::selection{background:rgba(0,255,255,.3);color:#e0e0e0}h1{font-size:clamp(2.5rem,2rem + 2.5vw,4rem);text-shadow:0 0 10px rgba(0,255,255,.6),0 0 20px rgba(0,255,255,.3),0 0 30px rgba(0,255,255,.18)}h2{font-size:clamp(2rem,1.5rem + 2.5vw,3rem);text-shadow:0 0 10px rgba(255,0,255,.4),0 0 20px rgba(255,0,255,.2),0 0 30px rgba(255,0,255,.12)}h3{font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.15),0 0 30px rgba(57,255,20,.09)}h4{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem)}p{margin-bottom:1rem;font-weight:400}p::selection{background:rgba(0,255,255,.2);color:#e0e0e0}a{color:aqua;text-decoration:none;transition:all var(--animation-speed-medium) ease}a:hover{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.24);text-shadow:0 0 10px currentColor}a:focus{outline:2px solid aqua;outline-offset:2px;text-shadow:0 0 10px aqua,0 0 20px rgba(0,255,255,.5),0 0 30px rgba(0,255,255,.3)}ul,ol{margin-left:1.5rem;margin-bottom:1rem}li{margin-bottom:.5rem}li::marker{color:aqua}code{font-family:"Fira Code","Source Code Pro",monospace;background:rgba(22,27,34,.8);padding:.2em .4em;border-radius:var(--border-radius-small);border:1px solid rgba(0,255,255,.3);font-size:.9em;text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.15),0 0 30px rgba(57,255,20,.09)}pre{font-family:"Fira Code","Source Code Pro",monospace;background:rgba(22,27,34,.9);padding:1rem;border-radius:var(--border-radius-medium);border:1px solid rgba(0,255,255,.3);overflow-x:auto;margin-bottom:1rem;box-shadow:0 0 10px rgba(0,255,255,.06),0 0 20px rgba(0,255,255,.04),0 0 40px rgba(0,255,255,.02)}pre code{background:none;border:none;padding:0}::selection{background:rgba(0,255,255,.3);color:#e0e0e0}::-moz-selection{background:rgba(0,255,255,.3);color:#e0e0e0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#161b22}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, #00ffff, #ff00ff);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #ff00ff, #00ffff)}::-webkit-scrollbar-corner{background:#161b22}:focus-visible{outline:2px solid aqua;outline-offset:2px;box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05)}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}.glow-effect,.text-glow,[class*=glow]{box-shadow:none !important;text-shadow:none !important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.text-center{text-align:center}.text-uppercase{text-transform:uppercase;letter-spacing:.1em}.glow-primary{box-shadow:0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1)}.glow-secondary{box-shadow:0 0 10px rgba(255,0,255,.3),0 0 20px rgba(255,0,255,.2),0 0 40px rgba(255,0,255,.1)}.text-glow-primary{text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.24)}.text-glow-secondary{text-shadow:0 0 10px rgba(255,0,255,.8),0 0 20px rgba(255,0,255,.4),0 0 30px rgba(255,0,255,.24)}.nav-fixed{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(22,27,34,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);box-shadow:0 0 10px rgba(0,255,255,.09),0 0 20px rgba(0,255,255,.06),0 0 40px rgba(0,255,255,.03);backdrop-filter:blur(20px);border-bottom:2px solid aqua}.nav-fixed::before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #00ffff, transparent);animation:scan-line 3s ease-in-out infinite}.nav-container{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;max-width:1400px;margin:0 auto}@media(max-width: 767px){.nav-container{padding:.75rem 1rem}}.nav-back{display:flex;align-items:center;gap:.5rem;color:aqua;font-family:"Rajdhani","Russo One",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;transition:all var(--animation-speed-medium) ease}.nav-back:hover{transform:translateX(-3px);text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.24)}.nav-back:hover .nav-icon{animation:glow-pulse 1s ease-in-out infinite}@media(max-width: 639px){.nav-back{font-size:clamp(.875rem,.8rem + .375vw,1rem);gap:.25rem}}.nav-icon{font-size:1.2em;color:aqua;transition:all var(--animation-speed-medium) ease}.nav-title{font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:500;color:#e0e0e0;text-shadow:0 0 10px rgba(255,0,255,.4),0 0 20px rgba(255,0,255,.2),0 0 30px rgba(255,0,255,.12)}@media(max-width: 767px){.nav-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}@media(max-width: 639px){.nav-title{display:none}}.nav-status{display:flex;align-items:center;gap:.5rem;font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.875rem,.8rem + .375vw,1rem);color:#a8a8a8}@media(max-width: 639px){.nav-status{font-size:clamp(.75rem,.7rem + .25vw,.875rem)}}.status-indicator{width:8px;height:8px;border-radius:50%;background:#39ff14;box-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.2),0 0 40px rgba(57,255,20,.1);animation:glow-pulse 2s ease-in-out infinite}.status-indicator.active{background:#39ff14;box-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.2),0 0 40px rgba(57,255,20,.1)}.status-indicator.warning{background:#fa0;box-shadow:0 0 10px rgba(255,170,0,.3),0 0 20px rgba(255,170,0,.2),0 0 40px rgba(255,170,0,.1)}.status-indicator.danger{background:#f60;box-shadow:0 0 10px rgba(255,102,0,.3),0 0 20px rgba(255,102,0,.2),0 0 40px rgba(255,102,0,.1)}.status-text{text-transform:uppercase;letter-spacing:.05em}@media(max-width: 639px){.status-text{display:none}}.background-elements{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden}.matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%}.matrix-rain span{position:absolute;color:#39ff14;font-family:"Fira Code","Source Code Pro",monospace;font-size:14px;opacity:.3;animation:matrix-fall linear infinite;text-shadow:0 0 10px rgba(57,255,20,.2),0 0 20px rgba(57,255,20,.1),0 0 30px rgba(57,255,20,.06)}.scan-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 255, 255, 0.03) 2px, rgba(0, 255, 255, 0.03) 4px);animation:scan-line 10s linear infinite}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;opacity:.3}.floating-hexagons{position:absolute;top:0;left:0;width:100%;height:100%}.floating-hexagons .hexagon{position:absolute;width:30px;height:30px;background:rgba(0,255,255,.1);border:1px solid rgba(0,255,255,.3);clip-path:polygon(30% 0%, 70% 0%, 100% 50%, 70% 100%, 30% 100%, 0% 50%);animation:float 6s ease-in-out infinite}.floating-hexagons .hexagon:nth-child(1){top:20%;left:10%;animation-delay:0s}.floating-hexagons .hexagon:nth-child(2){top:50%;right:15%;animation-delay:1s}.floating-hexagons .hexagon:nth-child(3){bottom:30%;left:20%;animation-delay:2s}.floating-hexagons .hexagon:nth-child(4){top:15%;right:35%;animation-delay:3s}.floating-hexagons .hexagon:nth-child(5){bottom:20%;right:30%;animation-delay:4s}.hero-section{min-height:100vh;display:flex;align-items:center;padding:6rem 2rem 2rem;position:relative;background:linear-gradient(135deg, rgba(13, 17, 23, 0.9) 0%, rgba(22, 27, 34, 0.8) 50%, rgba(13, 17, 23, 0.9) 100%)}.hero-section::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center, rgba(0, 255, 255, 0.1) 0%, transparent 70%)}@media(max-width: 767px){.hero-section{padding:5rem 1rem 2rem;flex-direction:column;gap:2rem}}.hero-content{flex:1;max-width:600px;z-index:2}@media(max-width: 767px){.hero-content{text-align:center}}.hero-visual{flex:1;max-width:500px;z-index:2;margin-left:3rem}@media(max-width: 767px){.hero-visual{width:100%;max-width:400px;margin-left:0}}.content-panel{background:rgba(22,27,34,.6);backdrop-filter:blur(15px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);margin:3rem auto;padding:3rem 2rem;max-width:1200px;position:relative;box-shadow:0 0 10px rgba(0,255,255,.06),0 0 20px rgba(0,255,255,.04),0 0 40px rgba(0,255,255,.02)}.content-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #00ffff, transparent)}@media(max-width: 767px){.content-panel{margin:2rem 1rem;padding:2rem 1rem}}.section-title{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);color:#e0e0e0;position:relative}@media(max-width: 767px){.section-title{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);flex-direction:column;gap:.5rem;text-align:center}}.title-number{background:linear-gradient(135deg, #00ffff, #ff00ff);color:#0d1117;padding:.5rem 1rem;border-radius:var(--border-radius-small);font-weight:700;font-size:clamp(1rem,.95rem + .25vw,1.125rem);box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05)}.title-text{flex:1;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px rgba(0,255,255,.4),0 0 20px rgba(0,255,255,.2),0 0 30px rgba(0,255,255,.12)}.title-underline{position:absolute;bottom:-5px;left:0;right:0;height:2px;background:linear-gradient(90deg, #00ffff, #ff00ff, #00ffff);border-radius:1px}@media(max-width: 767px){.title-underline{position:static;width:100px;margin:.5rem auto 0}}.principles-grid,.info-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem}@media(max-width: 639px){.principles-grid,.info-grid,.tools-grid{grid-template-columns:1fr;gap:1rem}}.tools-grid{grid-template-columns:repeat(4, 1fr);gap:2rem}.tools-grid>*{min-width:0;width:100%}@media(max-width: 1023px){.tools-grid{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media(max-width: 767px){.tools-grid{grid-template-columns:repeat(2, 1fr);gap:1.5rem}}@media(max-width: 639px){.tools-grid{grid-template-columns:1fr;gap:1rem}}.principle-card{background:rgba(22,27,34,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);box-shadow:0 0 10px rgba(0,255,255,.09),0 0 20px rgba(0,255,255,.06),0 0 40px rgba(0,255,255,.03);padding:2rem;transition:all var(--animation-speed-medium) ease;position:relative;overflow:hidden}.principle-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg, transparent, #00ffff, transparent);transition:left var(--animation-speed-slow) ease}.principle-card:hover{transform:translateY(-5px);box-shadow:0 0 10px rgba(0,255,255,.18),0 0 20px rgba(0,255,255,.12),0 0 40px rgba(0,255,255,.06);border-color:aqua}.principle-card:hover::before{left:100%}.principle-card:hover .card-icon{transform:scale(1.1);text-shadow:0 0 10px aqua,0 0 20px rgba(0,255,255,.5),0 0 30px rgba(0,255,255,.3)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.card-icon{font-size:2rem;transition:all var(--animation-speed-medium) ease}.card-status{display:flex;align-items:center;gap:.5rem;font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.75rem,.7rem + .25vw,.875rem);text-transform:uppercase;color:#a8a8a8}.status-dot{width:6px;height:6px;border-radius:50%}.status-dot.active{background:#39ff14;box-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.2),0 0 40px rgba(57,255,20,.1)}.status-dot.warning{background:#fa0;box-shadow:0 0 10px rgba(255,170,0,.3),0 0 20px rgba(255,170,0,.2),0 0 40px rgba(255,170,0,.1)}.card-title{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-family:"Rajdhani","Russo One",sans-serif;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,0,255,.3),0 0 20px rgba(255,0,255,.15),0 0 30px rgba(255,0,255,.09)}.card-description{color:#a8a8a8;line-height:1.6;margin-bottom:1rem}.card-data{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(0,255,255,.3);font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.875rem,.8rem + .375vw,1rem)}.data-label{color:#a8a8a8;text-transform:uppercase;letter-spacing:.05em}.data-value{color:aqua;font-weight:600;text-shadow:0 0 10px rgba(0,255,255,.4),0 0 20px rgba(0,255,255,.2),0 0 30px rgba(0,255,255,.12)}.demo-card{background:rgba(22,27,34,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);box-shadow:0 0 10px rgba(0,255,255,.09),0 0 20px rgba(0,255,255,.06),0 0 40px rgba(0,255,255,.03);padding:2rem;margin:2rem 0;transition:all var(--animation-speed-medium) ease}.demo-card:hover{box-shadow:0 0 10px rgba(255,0,255,.12),0 0 20px rgba(255,0,255,.08),0 0 40px rgba(255,0,255,.04);transform:translateY(-2px)}.card-header-demo{margin-bottom:1rem}.card-status-bar{display:flex;align-items:center;gap:1rem;font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.875rem,.8rem + .375vw,1rem)}@media(max-width: 639px){.card-status-bar{flex-direction:column;gap:.5rem;align-items:flex-start}}.card-title-demo{font-family:"Orbitron","Exo 2",monospace;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);margin-bottom:1rem;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.25),0 0 30px rgba(0,255,255,.15)}.card-desc-demo{color:#a8a8a8;margin-bottom:1.5rem}.card-progress{margin-top:1rem}.progress-bar{width:100%;height:4px;background:rgba(13,17,23,.8);border-radius:2px;overflow:hidden;margin-bottom:.5rem;border:1px solid rgba(0,255,255,.3)}.progress-fill{width:0%;height:100%;background:linear-gradient(90deg, #00ffff, #39ff14);border-radius:2px;transition:width 2s ease-out;box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05)}.progress-label{font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.75rem,.7rem + .25vw,.875rem);color:#a8a8a8;text-transform:uppercase}.info-panel{background:rgba(22,27,34,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);box-shadow:0 0 10px rgba(0,255,255,.09),0 0 20px rgba(0,255,255,.06),0 0 40px rgba(0,255,255,.03);padding:2rem;transition:all var(--animation-speed-medium) ease}.info-panel:hover{box-shadow:0 0 10px rgba(57,255,20,.12),0 0 20px rgba(57,255,20,.08),0 0 40px rgba(57,255,20,.04);transform:translateY(-3px)}.info-panel:hover .panel-icon{transform:rotate(360deg)}.panel-title{display:flex;align-items:center;gap:.75rem;font-family:"Rajdhani","Russo One",sans-serif;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(57,255,20,.4),0 0 20px rgba(57,255,20,.2),0 0 30px rgba(57,255,20,.12)}.panel-icon{font-size:1.5em;transition:transform var(--animation-speed-slow) ease}.info-list{list-style:none;margin:0}.info-list li{padding:.5rem 0;color:#a8a8a8;border-bottom:1px solid rgba(0,255,255,.3);transition:all var(--animation-speed-fast) ease}.info-list li:hover{color:#e0e0e0;padding-left:.5rem;text-shadow:0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.15),0 0 30px rgba(0,255,255,.09)}.info-list li:last-child{border-bottom:none}.tool-category{background:rgba(22,27,34,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);box-shadow:0 0 10px rgba(0,255,255,.09),0 0 20px rgba(0,255,255,.06),0 0 40px rgba(0,255,255,.03);padding:2rem;transition:all var(--animation-speed-medium) ease;width:100%;box-sizing:border-box;min-width:0}.tool-category:hover{box-shadow:0 0 10px rgba(255,102,0,.12),0 0 20px rgba(255,102,0,.08),0 0 40px rgba(255,102,0,.04);transform:translateY(-3px)}.tool-category:hover .category-icon{animation:glow-pulse 1s ease-in-out infinite}.category-title{display:flex;align-items:center;gap:.75rem;font-family:"Rajdhani","Russo One",sans-serif;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 10px rgba(255,102,0,.4),0 0 20px rgba(255,102,0,.2),0 0 30px rgba(255,102,0,.12);word-wrap:break-word}.category-icon{font-size:1.5em;transition:all var(--animation-speed-medium) ease}.tool-list{list-style:none;margin:0}.tool-list li{padding:.75rem 0;color:#a8a8a8;border-bottom:1px solid rgba(0,255,255,.2);word-wrap:break-word;overflow-wrap:break-word;transition:all var(--animation-speed-fast) ease;display:flex;align-items:center;gap:.5rem}.tool-list li::before{content:"▶";color:#f60;font-size:.8em;transition:all var(--animation-speed-fast) ease}.tool-list li:hover{color:#e0e0e0;padding-left:.5rem;text-shadow:0 0 10px rgba(255,102,0,.3),0 0 20px rgba(255,102,0,.15),0 0 30px rgba(255,102,0,.09)}.tool-list li:hover::before{color:aqua;transform:translateX(3px)}.tool-list li:last-child{border-bottom:none}.hero-title-wrapper{margin-bottom:2rem}.hero-title{font-size:clamp(3rem,8vw,6rem);font-family:"Orbitron","Exo 2",monospace;font-weight:900;line-height:.9;margin-bottom:1rem;position:relative}@media(max-width: 767px){.hero-title{font-size:clamp(2.5rem,10vw,4rem)}}.title-primary{color:aqua;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.24)}.title-secondary{color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.8),0 0 20px rgba(255,0,255,.4),0 0 30px rgba(255,0,255,.24)}.title-glitch{position:absolute;top:0;left:0;width:100%;height:100%;color:#e0e0e0;z-index:-1;position:relative}.title-glitch::before,.title-glitch::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.title-glitch::before{animation:glitch-1 .3s ease-in-out infinite alternate;color:#f0f;z-index:-1}.title-glitch::after{animation:glitch-2 .3s ease-in-out infinite alternate;color:aqua;z-index:-2}.hero-subtitle{font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);color:#a8a8a8;text-transform:uppercase;letter-spacing:.2em;margin-bottom:2rem}@media(max-width: 767px){.hero-subtitle{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}.subtitle-bracket{color:aqua;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.25),0 0 30px rgba(0,255,255,.15)}.hero-description{margin-top:2rem}.data-stream{background:rgba(22,27,34,.8);border:1px solid rgba(0,255,255,.3);border-left:4px solid aqua;padding:1rem;border-radius:var(--border-radius-small);font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.875rem,.8rem + .375vw,1rem);box-shadow:0 0 10px rgba(0,255,255,.06),0 0 20px rgba(0,255,255,.04),0 0 40px rgba(0,255,255,.02)}.stream-label{color:aqua;font-weight:600;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.15),0 0 30px rgba(0,255,255,.09)}.stream-content{color:#a8a8a8;margin-left:.5rem}.terminal-window{background:rgba(22,27,34,.8);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-medium);box-shadow:0 0 10px rgba(0,255,255,.09),0 0 20px rgba(0,255,255,.06),0 0 40px rgba(0,255,255,.03);border-radius:var(--border-radius-medium);overflow:hidden;font-family:"Fira Code","Source Code Pro",monospace;background:rgba(13,17,23,.95);box-shadow:0 0 10px rgba(0,255,255,.12),0 0 20px rgba(0,255,255,.08),0 0 40px rgba(0,255,255,.04)}.terminal-header{background:rgba(22,27,34,.9);border-bottom:1px solid rgba(0,255,255,.3);padding:.75rem 1rem;display:flex;align-items:center;gap:1rem}.terminal-buttons{display:flex;gap:.5rem}.terminal-buttons span{width:12px;height:12px;border-radius:50%}.terminal-buttons span.btn-close{background:#f60;box-shadow:0 0 10px rgba(255,102,0,.15),0 0 20px rgba(255,102,0,.1),0 0 40px rgba(255,102,0,.05)}.terminal-buttons span.btn-minimize{background:#fa0;box-shadow:0 0 10px rgba(255,170,0,.15),0 0 20px rgba(255,170,0,.1),0 0 40px rgba(255,170,0,.05)}.terminal-buttons span.btn-maximize{background:#39ff14;box-shadow:0 0 10px rgba(57,255,20,.15),0 0 20px rgba(57,255,20,.1),0 0 40px rgba(57,255,20,.05)}.terminal-title{color:#e0e0e0;font-size:clamp(.875rem,.8rem + .375vw,1rem);font-weight:500}.terminal-content{padding:1rem;min-height:200px;background:#0d1117}.terminal-line{margin-bottom:.5rem;font-size:clamp(.875rem,.8rem + .375vw,1rem);line-height:1.4}.prompt{color:aqua;text-shadow:0 0 10px rgba(0,255,255,.4),0 0 20px rgba(0,255,255,.2),0 0 30px rgba(0,255,255,.12)}.command{color:#e0e0e0;margin-left:.5rem}.output{color:#a8a8a8}.output.success{color:#39ff14;text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.15),0 0 30px rgba(57,255,20,.09)}.cursor{color:aqua;animation:cursor-blink 1s infinite;text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.25),0 0 30px rgba(0,255,255,.15)}.btn-cyber{background:linear-gradient(135deg, #00ffff, #00cccc);color:#0d1117;border:none;padding:.75rem 2rem;font-family:"Rajdhani","Russo One",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--animation-speed-medium) ease;box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05);border-radius:var(--border-radius-small);font-size:clamp(.875rem,.8rem + .375vw,1rem);position:relative;overflow:hidden}.btn-cyber:hover{transform:translateY(-2px);box-shadow:0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1)}.btn-cyber:active{transform:translateY(0);box-shadow:0 0 10px rgba(0,255,255,.45),0 0 20px rgba(0,255,255,.3),0 0 40px rgba(0,255,255,.15)}.btn-cyber::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left var(--animation-speed-medium) ease}.btn-cyber:hover::before{left:100%}.btn-cyber.primary{background:linear-gradient(135deg, #00ffff, #00cccc);color:#0d1117;border:none;padding:.75rem 2rem;font-family:"Rajdhani","Russo One",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--animation-speed-medium) ease;box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05)}.btn-cyber.primary:hover{transform:translateY(-2px);box-shadow:0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1)}.btn-cyber.primary:active{transform:translateY(0);box-shadow:0 0 10px rgba(0,255,255,.45),0 0 20px rgba(0,255,255,.3),0 0 40px rgba(0,255,255,.15)}.btn-cyber.secondary{background:rgba(0,0,0,0);color:#f0f;border:2px solid #f0f;box-shadow:0 0 10px rgba(255,0,255,.09),0 0 20px rgba(255,0,255,.06),0 0 40px rgba(255,0,255,.03)}.btn-cyber.secondary:hover{background:rgba(255,0,255,.1);box-shadow:0 0 10px rgba(255,0,255,.24),0 0 20px rgba(255,0,255,.16),0 0 40px rgba(255,0,255,.08)}.btn-cyber.danger{background:linear-gradient(135deg, #ff6600, rgb(204, 81.6, 0));color:#e0e0e0;border:none;padding:.75rem 2rem;font-family:"Rajdhani","Russo One",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all var(--animation-speed-medium) ease;box-shadow:0 0 10px rgba(255,102,0,.15),0 0 20px rgba(255,102,0,.1),0 0 40px rgba(255,102,0,.05)}.btn-cyber.danger:hover{transform:translateY(-2px);box-shadow:0 0 10px rgba(255,102,0,.3),0 0 20px rgba(255,102,0,.2),0 0 40px rgba(255,102,0,.1)}.btn-cyber.danger:active{transform:translateY(0);box-shadow:0 0 10px rgba(255,102,0,.45),0 0 20px rgba(255,102,0,.3),0 0 40px rgba(255,102,0,.15)}.demo-buttons{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media(max-width: 639px){.demo-buttons{flex-direction:column}}.color-palette-demo{margin-top:2rem}.palette-title{font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);color:#e0e0e0;margin-bottom:1rem;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.4),0 0 20px rgba(0,255,255,.2),0 0 30px rgba(0,255,255,.12)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:1rem}@media(max-width: 639px){.color-grid{grid-template-columns:repeat(2, 1fr)}}.color-swatch{aspect-ratio:1;border-radius:var(--border-radius-small);border:2px solid rgba(0,0,0,0);display:flex;align-items:flex-end;justify-content:center;padding:.5rem;font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.75rem,.7rem + .25vw,.875rem);font-weight:600;color:#e0e0e0;cursor:pointer;transition:all var(--animation-speed-medium) ease;position:relative;overflow:hidden}.color-swatch::before{content:attr(data-color);position:absolute;top:.5rem;left:.5rem;font-size:.7em;opacity:0;transition:opacity var(--animation-speed-medium) ease}.color-swatch:hover{transform:scale(1.05);border-color:aqua;box-shadow:0 0 10px rgba(0,255,255,.24),0 0 20px rgba(0,255,255,.16),0 0 40px rgba(0,255,255,.08)}.color-swatch:hover::before{opacity:1}.color-swatch.primary{background:aqua;color:#0d1117}.color-swatch.secondary{background:#f0f;color:#e0e0e0}.color-swatch.tertiary{background:#39ff14;color:#0d1117}.color-swatch.accent{background:#f60;color:#e0e0e0}.color-swatch.background{background:#0d1117;border-color:rgba(0,255,255,.3);color:#e0e0e0}.elements-container{display:flex;flex-direction:column;gap:2rem}.element-item{display:flex;gap:2rem;align-items:flex-start}@media(max-width: 767px){.element-item{flex-direction:column;gap:1rem}}.element-number{background:linear-gradient(135deg, #ff00ff, #00ffff);color:#0d1117;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Orbitron","Exo 2",monospace;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:700;box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05);flex-shrink:0}.element-content{flex:1}.element-title{font-family:"Rajdhani","Russo One",sans-serif;font-size:clamp(1.5rem,1.2rem + 1.5vw,2.25rem);margin-bottom:1rem;text-transform:uppercase;text-shadow:0 0 10px rgba(255,0,255,.4),0 0 20px rgba(255,0,255,.2),0 0 30px rgba(255,0,255,.12)}.element-description{color:#a8a8a8;margin-bottom:1rem;line-height:1.6}.element-demo{background:rgba(13,17,23,.8);border:1px solid rgba(0,255,255,.3);border-radius:var(--border-radius-small);padding:2rem;display:flex;align-items:center;justify-content:center;min-height:100px}.circuit-demo{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr auto 1fr;gap:10px;width:100px;height:100px}.circuit-demo .circuit-line{background:aqua;height:2px;border-radius:1px;box-shadow:0 0 10px rgba(0,255,255,.24),0 0 20px rgba(0,255,255,.16),0 0 40px rgba(0,255,255,.08)}.circuit-demo .circuit-line.vertical{width:2px;height:100%;grid-column:2;grid-row:1/4;justify-self:center}.circuit-demo .circuit-node{width:8px;height:8px;background:#f0f;border-radius:50%;justify-self:center;align-self:center;box-shadow:0 0 10px rgba(255,0,255,.3),0 0 20px rgba(255,0,255,.2),0 0 40px rgba(255,0,255,.1)}.scanline-demo{width:120px;height:80px;background:rgba(22,27,34,.5);position:relative;border:1px solid rgba(0,255,255,.3)}.scanline-demo .scan-line{position:absolute;left:0;right:0;height:1px;background:aqua;box-shadow:0 0 10px rgba(0,255,255,.3),0 0 20px rgba(0,255,255,.2),0 0 40px rgba(0,255,255,.1)}.scanline-demo .scan-line:nth-child(1){top:20%;animation:scan-line 2s ease-in-out infinite}.scanline-demo .scan-line:nth-child(2){top:50%;animation:scan-line 2s ease-in-out infinite .5s}.scanline-demo .scan-line:nth-child(3){top:80%;animation:scan-line 2s ease-in-out infinite 1s}.holo-demo{position:relative;width:120px;height:80px}.holo-demo .holo-panel{position:absolute;background:rgba(0,255,255,.1);border:1px solid aqua;border-radius:var(--border-radius-small);box-shadow:0 0 10px rgba(0,255,255,.15),0 0 20px rgba(0,255,255,.1),0 0 40px rgba(0,255,255,.05)}.holo-demo .holo-panel:nth-child(1){width:80px;height:50px;top:0;left:0;animation:float 3s ease-in-out infinite}.holo-demo .holo-panel:nth-child(2){width:60px;height:40px;bottom:0;right:0;background:rgba(255,0,255,.1);border-color:#f0f;box-shadow:0 0 10px rgba(255,0,255,.15),0 0 20px rgba(255,0,255,.1),0 0 40px rgba(255,0,255,.05);animation:float 3s ease-in-out infinite 1s}.footer{margin-top:4rem;background:rgba(22,27,34,.9);border-top:2px solid aqua;position:relative;overflow:hidden}.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, #00ffff, transparent)}.footer-content{display:flex;align-items:center;justify-content:space-between;padding:2rem;max-width:1200px;margin:0 auto}@media(max-width: 767px){.footer-content{flex-direction:column;gap:1rem;text-align:center}}.footer-info{flex:1}.footer-title{font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem);font-weight:600;color:aqua;margin-bottom:.5rem;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.4),0 0 20px rgba(0,255,255,.2),0 0 30px rgba(0,255,255,.12)}.footer-subtitle{font-size:clamp(.875rem,.8rem + .375vw,1rem);color:#a8a8a8}.footer-status{flex:1;text-align:right}@media(max-width: 767px){.footer-status{text-align:center}}.system-status{font-family:"Fira Code","Source Code Pro",monospace;font-size:clamp(.875rem,.8rem + .375vw,1rem);margin-bottom:.5rem}.system-status .status-label{color:#a8a8a8;text-transform:uppercase}.system-status .status-value{color:#39ff14;font-weight:600;margin-left:.5rem;text-shadow:0 0 10px rgba(57,255,20,.3),0 0 20px rgba(57,255,20,.15),0 0 30px rgba(57,255,20,.09)}.copyright{font-size:clamp(.75rem,.7rem + .25vw,.875rem);color:#a8a8a8}.footer-scan-line{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg, #00ffff, #ff00ff, #00ffff);animation:scan-line 4s ease-in-out infinite}@media(max-width: 639px){.glow-effect,[class*=glow]{--glow-intensity: 0.5}.matrix-rain span{opacity:.2;animation-duration:4s}.floating-hexagons .hexagon{animation-duration:8s}.btn-cyber{min-height:44px;padding:1rem 1.5rem}.color-swatch{min-height:44px}.hero-section{min-height:80vh;padding:4rem 1rem 2rem}.hero-title{margin-bottom:1.5rem}.hero-subtitle{letter-spacing:.1em}.showcase-container{display:flex;flex-direction:column;gap:2rem}.element-demo{padding:1rem;min-height:80px}.content-panel{margin:1.5rem .5rem;padding:1.5rem 1rem}.section-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem);margin-bottom:1.5rem}.title-number{padding:.4rem .8rem;font-size:clamp(.875rem,.8rem + .375vw,1rem)}}@media(max-width: 767px){.nav-container{padding:.75rem 1.5rem}.nav-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}.hero-section{min-height:85vh}.hero-content{max-width:500px}.hero-visual{max-width:400px}.terminal-content{min-height:150px;font-size:clamp(.75rem,.7rem + .25vw,.875rem)}.principles-grid{grid-template-columns:repeat(auto-fit, minmax(250px, 1fr))}.color-grid{grid-template-columns:repeat(auto-fit, minmax(100px, 1fr))}.principle-card,.info-panel,.tool-category{padding:1.5rem}.card-title,.panel-title,.category-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem)}}@media(min-width: 768px)and (max-width: 1023px){.tool-category{padding:1.5rem}.category-title{font-size:clamp(1rem,.95rem + .25vw,1.125rem);gap:.5rem}}@media(min-width: 1024px){.background-elements .matrix-rain span{opacity:.4}.background-elements .floating-hexagons .hexagon{animation-duration:5s}.hero-section{padding:8rem 3rem 3rem}.hero-content{max-width:700px}.hero-visual{max-width:600px}.terminal-content{min-height:250px;padding:1.5rem}.content-panel{padding:4rem 3rem;max-width:1400px}.principles-grid{grid-template-columns:repeat(3, 1fr)}.info-grid{grid-template-columns:repeat(2, 1fr)}}@media(prefers-contrast: high){:root{--color-border: rgba(0, 255, 255, 0.8);--glow-intensity: 0.3}.content-panel{border-width:2px}.btn-cyber{border-width:2px}.glow-effect,.text-glow,[class*=glow]{box-shadow:none !important;text-shadow:none !important}}@media(prefers-color-scheme: light){.content-panel{backdrop-filter:blur(20px)}.terminal-content{background:rgba(13,17,23,.98)}}@media print{.background-elements,.floating-hexagons,.matrix-rain,.scan-lines,.grid-overlay{display:none}.nav-fixed{position:static;background:#fff;color:#000}.nav-fixed *{color:#000 !important}.content-panel{background:#fff;border:1px solid #ccc;box-shadow:none;backdrop-filter:none;page-break-inside:avoid}.hero-section{min-height:auto;background:#fff;color:#000}.hero-section *{color:#000 !important;text-shadow:none !important}.btn-cyber,.color-swatch{border:1px solid #ccc;box-shadow:none}}@media(orientation: landscape)and (max-height: 600px){.hero-section{min-height:100vh;padding:3rem 2rem 2rem}.hero-title{font-size:clamp(2rem,6vw,3.5rem)}.terminal-content{min-height:120px}}.showcase-container{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width: 1024px){.showcase-container{grid-template-columns:1fr 1fr;align-items:start}}@keyframes glitch{0%,100%{transform:translate(0)}20%{transform:translate(-2px, 2px)}40%{transform:translate(-2px, -2px)}60%{transform:translate(2px, 2px)}80%{transform:translate(2px, -2px)}}/*# sourceMappingURL=cyberpunk.css.map */