:root{--bg-dark: #050511;--bg-dark-secondary: #0a0a22;--accent-red: #FF2A2A;--accent-lime: #CCFF00;--accent-violet: #8800FF;--accent-blue: #2934D0;--accent-cyan: #00EAFF;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--font-main: "Inter", sans-serif;--font-heading: "Unbounded", sans-serif;--text-main: #FFFFFF;--text-muted: rgba(255, 255, 255, .6);--ease-out-expo: cubic-bezier(.19, 1, .22, 1)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-main);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh;position:relative}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700}p{line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--accent-violet);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-lime)}.ui-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3rem;z-index:20}@media(min-width:768px){.ui-overlay{padding:6rem}}.slide-container{max-width:55rem;text-align:left;pointer-events:auto;position:relative;z-index:50}.slide-number{color:var(--accent-lime);font-family:monospace;font-size:.875rem;margin-bottom:1rem;letter-spacing:.1em;opacity:.8}.slide-content li:before{content:"•";color:var(--accent-red);font-size:1.5rem;line-height:1}.download-btn{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;padding:.8rem 1.5rem;background:#ff2a2a33;border:1px solid var(--accent-red);border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;pointer-events:auto}.download-btn:hover{background:var(--accent-red);color:#fff;box-shadow:0 0 15px var(--accent-red);transform:translateY(-2px)}.slide-title{font-family:var(--font-heading);font-size:3rem;font-weight:800;text-transform:uppercase;margin-bottom:1rem;background:linear-gradient(to right,white,var(--accent-cyan));background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 30px rgba(0,234,255,.3);line-height:1.3;padding-bottom:.2em;width:100%;overflow:visible}@media(min-width:768px){.slide-title{font-size:4.5rem}}.slide-subtitle{font-size:1.5rem;color:var(--accent-violet);font-weight:300;margin-bottom:2rem}@media(min-width:768px){.slide-subtitle{font-size:1.875rem}}.slide-content-list{display:flex;flex-direction:column;gap:1rem}.slide-point{display:flex;align-items:flex-start;gap:1rem}.point-dot{width:.5rem;height:.5rem;border-radius:50%;background-color:var(--accent-lime);margin-top:.625rem;box-shadow:0 0 10px var(--accent-lime)}.slide-indicator.active{background:var(--accent-red);box-shadow:0 0 10px var(--accent-red)}.point-text{font-size:1.125rem;color:#ffffffe6;font-weight:300;line-height:1.6;background-color:#0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.5rem 1rem;border-radius:.25rem;margin:0}.nav-footer{position:fixed;bottom:2rem;right:2rem;display:flex;gap:1rem;pointer-events:auto}.nav-btn{padding:1rem;border-radius:50%;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff}.nav-btn:hover{background-color:#ffffff1a}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn:not(:disabled):hover.prev{border-color:#00eaff80}.nav-btn:not(:disabled):hover.prev svg{color:var(--accent-cyan)}.nav-btn:not(:disabled):hover.next{border-color:#ccff0080}.nav-btn:not(:disabled):hover.next svg{color:var(--accent-lime)}.app-container{position:relative;width:100vw;height:100vh;overflow:hidden}.canvas-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.ui-layer header,.ui-layer button,.ui-layer a,.ui-layer input{pointer-events:auto}.app-header{position:fixed;top:0;left:0;width:100%;padding:2rem;z-index:10;display:flex;justify-content:space-between;align-items:flex-start}.brand-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;letter-spacing:.05em;color:var(--accent-red);margin-bottom:.25rem;text-transform:uppercase;text-shadow:0 0 10px rgba(255,42,42,.4)}.brand-subtitle{font-size:.875rem;color:var(--text-muted)}.main-content{position:relative;width:100%;height:100%;z-index:10}
