@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Mono:wght@400;700&family=Special+Gothic+Expanded+One&display=swap";:root{--main-accent: #f2766b;--main-secondary: #586166;--main-tertiary: #ecc5c1;--main-dark: #081b26;--main-text-dark: #222;--main-text-light: #f7f7f7;--alt-one: #ef6351;--alt-two: #f2766b;--alt-three: #f7a399;--alt-four: #fbc3bc;--alt-five: #ffe3e0;--background-primary: var(--main-dark);--background-secondary: #0a1f2e;--background-tertiary: #0e2635;--background-accent: #112c3d;--background-muted: #0c2330;--color-primary: var(--main-text-light);--color-secondary: var(--main-secondary);--color-tertiary: var(--main-tertiary);--color-accent: var(--main-accent);--color-link: var(--main-accent);--color-link-transparent: rgba(242, 118, 107, .1);--border-primary: #1e3a47;--border-secondary: #2d4855;--border-highlight: var(--main-accent);--border-tertiary: #3a5463;--shadow-dark: rgba(0, 0, 0, .3);--shadow-light: rgba(242, 118, 107, .2);--shadow-text: rgba(0, 0, 0, .5);--shadow-button: rgba(0, 0, 0, .2);--padding-small: .75rem;--padding-large: 1.5rem;--border-radius: 12px;--border-radius-small: 6px;--border-radius-large: var(--border-radius);--highlight-border-radius: 6px;--font-heading: "Special Gothic Expanded One", Arial, sans-serif;--font-mono: "Space Mono", "Fira Code", "Courier New", monospace;--text-selection: rgba(242, 118, 107, .3)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}body{background:var(--background-primary);color:var(--color-primary);font-size:.875rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background-color:var(--text-selection);color:var(--color-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.2;margin-bottom:.5rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}h1{font-size:2.25rem;font-weight:700}h2{font-size:1.875rem;font-weight:600}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;line-height:1.6}.cyber-glow{text-shadow:0 0 10px var(--color-accent),0 0 20px var(--color-accent)}main,header,footer,nav,section,article,aside{display:block}address{font-style:normal;margin-bottom:1rem}aside{background-color:var(--background-muted);border-left:4px solid var(--border-highlight);padding:var(--padding-large);margin:1rem 0;border-radius:var(--border-radius-small)}blockquote{position:relative;padding:var(--padding-large);margin:1.5rem 0;background-color:var(--background-muted);border:3px solid var(--border-highlight);border-radius:var(--border-radius-small);font-style:italic}blockquote footer{margin-top:1rem;font-style:normal;opacity:.8}dl{margin-bottom:1rem}dt{font-weight:600;margin-bottom:.25rem}dd{margin-bottom:.75rem;margin-left:1rem}hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--border-secondary),transparent);margin:2rem 0}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.25rem;line-height:1.6}dl.styled{padding:1rem;border-left:3px solid var(--main-accent);background-color:var(--background-secondary)}dl.styled dt{color:var(--main-accent);font-weight:600;margin-top:1rem;margin-bottom:.5rem}dl.styled dt:first-child{margin-top:0}ul.styled{list-style:none;padding-left:0;border-left:3px solid var(--alt-three);padding:1rem;background-color:var(--background-secondary)}ul.styled li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}ul.styled li:before{content:"▶";position:absolute;left:0;color:var(--alt-three);font-size:.8rem}ol.styled{counter-reset:cyber-counter;list-style:none;padding-left:0;border-left:3px solid var(--alt-five);padding:1rem;background-color:var(--background-secondary)}ol.styled li{position:relative;padding-left:2rem;margin-bottom:.5rem;counter-increment:cyber-counter}ol.styled li:before{content:counter(cyber-counter);position:absolute;left:0;top:0;background-color:var(--alt-five);color:var(--main-text-dark);width:1.2rem;height:1.2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}a{color:var(--color-link);text-decoration:none;transition:all .2s ease;border-bottom:1px solid transparent}a:hover,a:focus{border-bottom-color:var(--color-link);opacity:.8}mark{background-color:var(--color-highlight);color:var(--color-primary);padding:.125rem .25rem;border-radius:var(--highlight-border-radius)}code{font-family:var(--font-mono);background-color:var(--background-muted);color:var(--alt-five);padding:.125rem .375rem;border-radius:var(--border-radius-small);font-size:.875em;border:2px solid var(--alt-five)}pre{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-large);padding:var(--padding-large);margin:1rem 0;overflow-x:auto;font-family:var(--font-mono);font-size:.875rem;line-height:1.5}pre code{background:none;border:none;padding:0;color:var(--color-primary)}kbd{background-color:var(--background-tertiary);color:var(--color-primary);padding:.125rem .375rem;border-radius:var(--border-radius-small);font-family:Space Mono,monospace;font-size:.75rem;border:1px solid var(--border-secondary);box-shadow:0 2px 4px var(--shadow-dark)}small{font-size:.875em;opacity:.8}strong,b{font-weight:600}em,i{font-style:italic}img,video{max-width:100%;height:auto;border-radius:var(--border-radius-large);box-shadow:0 4px 12px var(--shadow-dark)}.media-container{position:relative;margin:1.5rem 0;padding:1rem;background-color:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--border-radius-large);overflow:hidden;transition:all .3s ease}.media-container:hover{border-color:var(--main-accent);box-shadow:0 8px 25px var(--shadow-dark);transform:translateY(-2px)}.image-container{position:relative;overflow:hidden}.image-container img{transition:transform .3s ease;border:1px solid var(--border-primary);margin-bottom:.75rem}.image-container:hover img{transform:scale(1.02)}.video-container{position:relative;background-color:var(--background-tertiary);padding:.75rem;border-radius:var(--border-radius-large)}.video-container iframe{border:2px solid var(--border-primary);transition:border-color .3s ease;margin-bottom:.75rem}.video-container:hover iframe{border-color:var(--alt-five)}.media-description{margin:0;color:var(--main-text-light);font-size:.875rem;line-height:1.4;text-align:center}figure{margin:1.5rem 0}figcaption{margin-top:.5rem;font-size:.875rem;color:var(--color-secondary);text-align:center}table{width:100%;border-collapse:collapse;margin:1.5rem 0;background-color:var(--background-secondary);border-radius:var(--border-radius-large);overflow:hidden;box-shadow:0 4px 12px var(--shadow-dark)}thead{background-color:var(--background-tertiary)}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-primary)}th{font-weight:600;color:var(--color-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}tbody tr:hover{background-color:var(--background-muted)}tbody tr:last-child td{border-bottom:none}td button{margin-right:.5rem;padding:.4rem .8rem;font-size:.75rem;white-space:nowrap}td button:last-child{margin-right:0}th:last-child,td:last-child{width:140px;text-align:center;white-space:nowrap}form{margin:1.5rem 0}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--color-primary);font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}input,textarea,select{width:100%;padding:.75rem 1rem;background-color:var(--background-secondary);border:2px solid var(--border-primary);border-radius:var(--border-radius-small);color:var(--color-primary);font-size:.875rem;transition:all .2s ease;outline:none}optgroup{color:var(--main-accent);font-family:var(--font-heading);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;background-color:var(--background-tertiary);padding:.5rem 0}optgroup option{color:var(--color-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:400;text-transform:none;letter-spacing:normal;background-color:var(--background-secondary);padding:.5rem 1rem}optgroup option:hover{background-color:var(--background-muted)}input:focus,textarea:focus,select:focus{border-color:var(--main-accent);box-shadow:0 0 0 3px var(--color-link-transparent)}input:hover,textarea:hover,select:hover{border-color:var(--main-accent)}input::placeholder,textarea::placeholder{color:var(--color-secondary)}textarea{min-height:120px;resize:vertical}fieldset{border:2px solid var(--main-accent);border-radius:var(--border-radius-small);padding:var(--padding-large);margin:1rem 0;background-color:var(--background-secondary)}legend{font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);padding:0 .5rem}.radio-group{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.radio-item{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:var(--border-radius-small);transition:background-color .2s ease}.radio-item:hover{background-color:var(--background-muted)}.radio-item input[type=radio]{width:auto;margin:0;accent-color:var(--color-accent);transform:scale(1.2)}.radio-item span{font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}button,input[type=submit],input[type=button],input[type=reset]{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;background-color:var(--background-secondary);color:var(--color-primary);border:2px solid var(--border-primary);border-radius:var(--border-radius-small);font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.8rem;font-weight:400;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;outline:none;box-shadow:0 4px 8px var(--shadow-button)}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-button)}button:active,button.active,input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:var(--background-muted);transform:translateY(0);box-shadow:0 4px 8px var(--shadow-button)}.btn-primary{background-color:var(--color-accent);color:var(--color-primary);border:2px solid var(--color-accent)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:active,.btn-primary.active{background-color:var(--color-accent);color:var(--background-primary);transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--main-text-light);border:2px solid var(--alt-four);box-shadow:0 4px 8px var(--shadow-button)}.btn-secondary:hover{transform:translateY(-2px)}.btn-secondary:active,.btn-secondary.active{background-color:var(--alt-four);color:var(--background-primary);border-color:var(--alt-four);transform:translateY(0)}.btn-edit{background-color:transparent;color:var(--main-accent);border:2px solid var(--main-accent);box-shadow:0 4px 8px var(--shadow-button)}.btn-edit:hover{transform:translateY(-2px)}.btn-edit:active,.btn-edit.active{background-color:var(--main-accent);color:var(--background-primary);transform:translateY(0)}.btn-cancel{background-color:transparent;color:var(--color-primary);border:2px solid var(--border-secondary);box-shadow:0 4px 8px var(--shadow-button)}.btn-cancel:hover{transform:translateY(-2px)}.btn-cancel:active,.btn-cancel.active{background-color:var(--color-accent);color:var(--background-primary);border-color:var(--color-accent);transform:translateY(0)}.btn-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.2rem;background-color:transparent;color:var(--main-text-light);border:2px solid var(--border-primary);border-radius:var(--border-radius-small);font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.75rem;font-weight:400;text-decoration:none;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s ease;outline:none;box-shadow:0 2px 6px #00000026}.btn-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-button)}.btn-toggle.active{color:var(--main-text-dark);transform:translateY(0);box-shadow:inset 0 2px 4px #0003}.btn-toggle-1{border-color:var(--alt-one)}.btn-toggle-1.active{background-color:var(--alt-one)}.btn-toggle-2{border-color:var(--alt-two)}.btn-toggle-2.active{background-color:var(--alt-two)}.btn-toggle-3{border-color:var(--alt-three)}.btn-toggle-3.active{background-color:var(--alt-three)}.btn-toggle-4{border-color:var(--alt-four)}.btn-toggle-4.active{background-color:var(--alt-four)}.btn-toggle-5{border-color:var(--alt-five)}.btn-toggle-5.active{background-color:var(--alt-five)}.btn-toggle-6{border-color:var(--main-text-light)}.btn-toggle-6.active{background-color:var(--main-text-light)}.card{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-large);padding:var(--padding-large);margin:1rem 0;box-shadow:0 4px 12px var(--shadow-dark);transition:all .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px var(--shadow-dark);border-color:var(--border-secondary)}.card-header{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-primary)}.card-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.card-body{margin-bottom:1rem}.card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary);display:flex;gap:.75rem;align-items:center}details{background-color:var(--background-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-small);margin:1rem 0;overflow:hidden}summary{padding:1rem;background-color:var(--background-tertiary);cursor:pointer;font-weight:500;-webkit-user-select:none;user-select:none;transition:background-color .2s ease;font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}summary:hover{background-color:var(--background-accent)}details[open] summary{border-bottom:1px solid var(--border-primary)}details>*:not(summary){padding:1rem}details ul,details ol{margin:.5rem .75rem;padding-left:0}details li{list-style:none;position:relative;padding:.5rem 0 .5rem 1.5rem;margin-bottom:.5rem;border-left:2px solid var(--border-primary);background-color:var(--background-tertiary);border-radius:var(--border-radius-small);transition:all .2s ease;font-family:Special Gothic Expanded One,Arial,sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}details li:before{content:"▶";position:absolute;left:.5rem;top:.5rem;color:var(--color-accent);font-size:.75rem}details li:hover{border-left-color:var(--border-highlight);background-color:var(--background-accent)}progress,meter{width:100%;height:.5rem;border:none;border-radius:var(--border-radius-small);background-color:var(--background-tertiary);overflow:hidden}progress::-webkit-progress-bar,meter::-webkit-meter-bar{background-color:var(--background-tertiary);border-radius:var(--border-radius-small)}progress::-webkit-progress-value,meter::-webkit-meter-optimum-value{background-color:var(--color-accent);border-radius:var(--border-radius-small)}progress::-moz-progress-bar,meter::-moz-meter-bar{background-color:var(--color-accent);border-radius:var(--border-radius-small)}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.navbar-brand{font-family:Special Gothic Expanded One,Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary)}.bottom-border-accent{border-bottom:3px solid var(--main-accent)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.p-0{padding:0}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}@media (min-width: 640px){body{font-size:1rem;line-height:1.7}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}.container{padding:0 2rem}}@media (min-width: 768px){h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.875rem}}@media (min-width: 1024px){.container{padding:0 3rem}}.demo-container{margin-top:3rem}.demo-container section{margin-bottom:4rem}.h2-subheading{margin-bottom:2rem;padding-bottom:.5rem;border-bottom:2px solid var(--main-accent);display:inline-block;width:fit-content}.h4-subheading{margin-top:2.5rem;margin-bottom:1rem}@media (max-width: 600px){.demo-container{margin-top:1.5rem}.demo-container section{margin-bottom:2rem}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:var(--main-dark)}.navbar-title{font-size:1.6rem}.highlight-word{color:var(--main-accent)}@media (max-width: 600px){.navbar{flex-direction:column;gap:.5rem;padding:1.2rem}}.footer{padding:1.5rem 0;margin-top:2rem;width:100%;color:var(--main-text-light)}.footer-separator{height:3px;background-color:var(--main-accent);width:100%;margin-bottom:1rem}.footer-content{text-align:center;font-size:1rem;opacity:.7;padding:0 1rem}.footer-content a{color:inherit;text-decoration:underline;text-underline-offset:2px}.footer-content a:hover{opacity:.8}@media (max-width: 600px){.footer{padding:1rem 0;margin-top:1rem}.footer-content{font-size:.8rem}}