@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--primary: #0693e3;--secondary: #005a87;--bg-white: #ffffff;--bg-light: #F6F6F6;--bg-dark: #0d0d0d;--bg-dark-alt: #1a1a1a;--text-dark: #1a1a1a;--text-light: #ffffff;--text-muted: #666666;--accent: #0693e3;--font: "DM Sans", sans-serif;--max-width: 1200px;--slide-transition: .4s ease;--bg-primary: #0d0d0d;--bg-secondary: rgba(13, 13, 13, .95);--bg-card: #ffffff;--accent-dim: #005a87;--text-primary: #1a1a1a;--text-secondary: #666666;--border: rgba(0,0,0,.04);--radius: 16px;--green: #2ecc71;--orange: #e67e22;--surface: #f0f0f0;--text: #1a1a1a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text-dark);background:var(--bg-white);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--secondary)}main{padding-top:72px}h1,h2,h3,h4{line-height:1.3}.hidden{display:none!important}#password-gate{position:fixed;inset:0;background:var(--bg-dark);display:flex;align-items:center;justify-content:center;z-index:9999}.gate-container{text-align:center;padding:3rem 2rem;max-width:400px;width:100%}.gate-logo{font-size:1.4rem;font-weight:800;color:var(--primary);letter-spacing:3px;margin-bottom:2rem}.gate-container h2{color:var(--text-light);margin-bottom:.5rem}.gate-container p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}#gate-form{display:flex;gap:.5rem;justify-content:center}#gate-password{padding:.75rem 1rem;border:1px solid #333;border-radius:8px;background:var(--bg-dark-alt);color:var(--text-light);font-size:1rem;width:220px;outline:none;transition:border-color .2s;font-family:var(--font)}#gate-password:focus{border-color:var(--primary)}#gate-form button{padding:.75rem 1.5rem;border:none;border-radius:8px;background:var(--primary);color:var(--secondary);font-weight:700;font-size:1rem;cursor:pointer;transition:background .2s,transform .2s;font-family:var(--font)}#gate-form button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0693e34d}.error-msg{color:#ff6b6b!important;margin-top:1rem!important;font-size:.9rem!important}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0d0d0df2;backdrop-filter:blur(10px);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.nav-logo{display:inline-flex;align-items:center;text-decoration:none}.nav-logo img{height:40px}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links>li{position:relative}.nav-links a{color:var(--text-light);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links li>a[aria-haspopup]:after{content:"";position:absolute;bottom:-.75rem;left:0;right:0;height:.75rem}.nav-links .dropdown-menu{position:absolute;top:calc(100% + .75rem);left:0;right:auto;min-width:220px;padding:.75rem 0;list-style:none;background:#1a1a1afa;border-radius:10px;box-shadow:0 14px 32px #00000038;display:none;z-index:1001}.nav-links>li:last-child>.dropdown-menu,.nav-links .dropdown-menu-right{left:auto;right:0}.nav-links .dropdown-menu li{width:100%}.nav-links .dropdown-menu a{display:block;padding:.55rem 1.2rem;white-space:nowrap;color:#ddd;text-decoration:none;font-size:.9rem}.nav-links .dropdown-menu a:hover{color:var(--primary)}.nav-links li:hover>.dropdown-menu,.nav-links li:focus-within>.dropdown-menu{display:block}.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;z-index:10000;background:none;border:none}.nav-hamburger span{display:block;width:24px;height:2.5px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}.nav-hamburger.active span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--bg-dark);color:var(--text-light);padding:4rem 2rem}.hero .hero-inner{max-width:900px}.hero h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.hero h1 span{color:var(--primary)}.hero .subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:var(--text-muted);margin-bottom:.5rem}.hero .byline{font-size:1rem;color:var(--primary);margin-bottom:2rem}.hero .date{font-size:.95rem;color:#cfcfcf;margin-bottom:2rem;letter-spacing:.04em;text-transform:uppercase}.hero .cta{display:inline-block;background:var(--primary);color:var(--secondary);padding:1rem 2.5rem;border-radius:8px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s}.hero .cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0693e34d}.section{padding:5rem 2rem;max-width:var(--max-width);margin:0 auto}.section-dark{background:var(--bg-dark);color:var(--text-light);max-width:100%;padding:5rem 2rem}.section-dark .inner{max-width:var(--max-width);margin:0 auto}.section-alt{background:var(--bg-light);max-width:100%;padding:5rem 2rem}.section-alt .inner{max-width:var(--max-width);margin:0 auto}.section h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;letter-spacing:-.02em}.section h3{font-size:1.3rem;color:var(--secondary);margin-bottom:1.5rem}.section-intro{text-align:center;margin-bottom:2rem}.section-intro p{color:var(--text-muted);max-width:720px;margin:.75rem auto 0}.hero+.section,.hero+.section-alt{border-top:1px solid rgba(0,0,0,.06)}.section-dark+.section{border-top:4px solid var(--primary)}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:2rem}.card{background:var(--bg-white);border-radius:16px;padding:2.5rem 2rem;box-shadow:0 4px 24px #00000014;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.04);text-decoration:none;color:inherit;display:block}.card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f;border-color:#0693e34d}.card h3{font-size:1.2rem;margin-bottom:.6rem;color:var(--text-dark)}.card p{color:var(--text-muted);font-size:.95rem}.card .emoji{font-size:2.5rem;margin-bottom:1.2rem;display:block}.card .link-text{display:inline-block;margin-top:1rem;font-weight:700;color:var(--secondary)}.card.highlight,.guide-content .card.highlight{background:#0693e314;border:1px solid rgba(6,147,227,.2)}.card.success,.guide-content .card.success{background:#2ecc7114;border:1px solid rgba(46,204,113,.2)}.card.warning,.guide-content .card.warning{background:#f1c40f14;border:1px solid rgba(241,196,15,.25)}.card.danger,.guide-content .card.danger{background:#e74c3c14;border:1px solid rgba(231,76,60,.2)}.framework-table{width:100%;border-collapse:collapse;margin-top:2rem;font-size:.95rem}.framework-table th{background:var(--secondary);color:var(--text-light);padding:1rem;text-align:left;font-weight:700}.framework-table td{padding:.8rem 1rem;border-bottom:1px solid #eee}.framework-table tr:nth-child(2n){background:var(--bg-light)}.framework-table tr:hover{background:#9dff201a}.framework-table .highlight{color:var(--secondary);font-weight:700}.slides-container{width:100%;height:100vh;overflow:hidden;position:relative;background:var(--bg-dark)}.slide{width:100%;height:100vh;display:none;flex-direction:column;align-items:center;justify-content:center;padding:4rem 4rem 6rem;text-align:center;color:var(--text-light);overflow-y:auto}.slide.active{display:flex}.slide h1{font-size:clamp(2rem,5vw,4rem);font-weight:800;margin-bottom:1.5rem;letter-spacing:-.02em}.slide h2{font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--primary)}.slide p{font-size:clamp(1rem,2vw,1.3rem);max-width:800px;color:#ccc;margin-bottom:1rem}.slide .quote{font-style:italic;font-size:clamp(1.1rem,2.2vw,1.5rem);color:var(--primary);max-width:700px;margin:1rem auto;padding:1rem 2rem;border-left:4px solid var(--primary);text-align:left}.slide ul{text-align:left;max-width:700px;list-style:none;padding:0}.slide ul li{font-size:1.1rem;color:#ddd;padding:.5rem 0 .5rem 1.5rem;position:relative}.slide ul li:before{content:"→";position:absolute;left:0;color:var(--primary);font-weight:700}.slide-nav{position:fixed;bottom:1.2rem;right:1.2rem;display:flex;gap:.4rem;align-items:center;z-index:100;padding:.35rem .5rem;background:#141414d9;backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.08)}.slide-nav button{background:#ffffff1a;border:none;color:#ffffffb3;padding:.35rem .65rem;border-radius:5px;cursor:pointer;font-family:var(--font);font-size:.75rem;font-weight:600;transition:background .2s,color .2s;line-height:1}.slide-nav button:hover{background:var(--primary);color:#fff}.slide-nav button:disabled{opacity:.45;cursor:not-allowed}.slide-nav button:disabled:hover{background:#ffffff26;color:var(--text-light)}.slide-counter{color:#fff6;font-size:.7rem;min-width:40px;text-align:center;padding:0 .25rem}.page-slides{background:var(--bg-dark);overflow:hidden}.slide-inner{width:min(1100px,100%);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.slide-inner.wide{width:min(1200px,100%)}.slide-title-slide{gap:1rem}.slide-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--primary);font-size:.9rem;font-weight:700}.slide-subtitle{font-size:clamp(1.1rem,2.2vw,1.45rem);color:#ddd;max-width:900px}.slide-meta{color:#cfcfcf;font-size:clamp(1.05rem,2vw,1.4rem)}.slide-table{width:min(1100px,100%);border-collapse:collapse;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden}.slide-table th,.slide-table td{padding:.9rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:top}.slide-table th{color:var(--primary);font-size:.95rem;font-weight:800;letter-spacing:.02em;background:#ffffff08}.slide-table td{color:#f1f1f1;font-size:1rem}.diagram{width:min(1100px,100%);display:flex;flex-direction:column;gap:1.5rem;align-items:center}.diagram-row{display:flex;align-items:center;justify-content:center;gap:.9rem;flex-wrap:wrap}.diagram-box{background:#ffffff0f;border:1px solid rgba(157,255,32,.25);border-radius:12px;padding:1rem 1.2rem;min-width:150px;color:#fff;font-weight:600}.diagram-arrow{color:var(--primary);font-size:1.5rem;font-weight:800}.diagram-arrow.down{font-size:2rem}.resource-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-top:.5rem}.resource-links a,.slide-nav .back-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.8rem 1rem;border-radius:8px;text-decoration:none;font-weight:700;background:#ffffff26;color:var(--text-light);transition:background .2s,color .2s,transform .2s}.resource-links a:hover,.slide-nav .back-link:hover{background:var(--primary);color:var(--secondary);transform:translateY(-1px)}.checklist{list-style:none;padding:0}.checklist li{padding:.8rem 0 .8rem 2rem;position:relative;font-size:1.05rem;border-bottom:1px solid #eee}.checklist li:before{content:"☐";position:absolute;left:0;font-size:1.2rem}.cmd-table{width:100%;border-collapse:collapse;margin-top:1rem}.cmd-table th{background:var(--secondary);color:var(--text-light);padding:.8rem;text-align:left}.cmd-table td{padding:.6rem .8rem;border-bottom:1px solid #eee}.cmd-table code{background:var(--bg-light);padding:.2rem .5rem;border-radius:4px;font-size:.9rem;font-weight:600}.footer{background:var(--bg-dark);color:var(--text-muted);text-align:center;padding:3rem 2rem}.footer a{color:var(--primary);text-decoration:none}.footer p{font-size:.9rem}.footer p+p{margin-top:.3rem}.guide-content h2{font-size:1.5rem;margin:3rem 0 1.2rem;padding-bottom:.6rem;border-bottom:2px solid var(--primary);color:var(--secondary)}.guide-content h3{font-size:1.2rem;margin:2rem 0 .8rem;color:var(--secondary)}.guide-content p{margin-bottom:1rem;line-height:1.7;color:#333}.guide-content ul,.guide-content ol{margin-bottom:1.2rem;padding-left:1.5rem}.guide-content li{margin-bottom:.5rem;line-height:1.6}.guide-content pre{background:#1a1a2e;color:#e0e0e0;padding:1.2rem 1.5rem;border-radius:10px;overflow-x:auto;font-size:.9rem;margin:1.2rem 0;line-height:1.5}.guide-content pre code{background:transparent;color:inherit;padding:0}.guide-content code{background:#f0f0f0;padding:.15rem .4rem;border-radius:4px;font-size:.9em;color:#d63384}.guide-content table{width:100%;border-collapse:collapse;margin:1.2rem 0 1.5rem}.guide-content th{text-align:left;padding:.8rem 1rem;border-bottom:2px solid var(--primary);font-size:.9rem;color:var(--primary);background:var(--bg-light)}.guide-content td{padding:.7rem 1rem;border-bottom:1px solid #eee;line-height:1.5}.guide-content blockquote{border-left:4px solid var(--primary);margin:1.5rem 0;padding:1rem 1.5rem;background:var(--bg-light);color:#444;border-radius:0 8px 8px 0}.guide-content .card{padding:1.2rem 1.5rem;border-radius:10px;margin:1.2rem 0;line-height:1.6}.toc{background:var(--bg-light);border-radius:10px;padding:1.5rem 2rem;margin:0 0 2.5rem;border:1px solid rgba(0,0,0,.06)}.toc h3{margin:0 0 .8rem!important;font-size:1.1rem}.toc ol,.toc ul{margin:0;padding-left:1.2rem}.toc li{margin-bottom:.4rem}.toc a{color:var(--primary);text-decoration:none}.toc a:hover{text-decoration:underline}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0}.before-after .before{background:#e74c3c0f;border:1px solid rgba(231,76,60,.15);border-radius:10px;padding:1.2rem}.before-after .after{background:#2ecc710f;border:1px solid rgba(46,204,113,.15);border-radius:10px;padding:1.2rem}.before-after .label{font-weight:700;margin-bottom:.5rem;font-size:.95rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-white)}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}@media(max-width:768px){main{padding-top:64px}.nav-hamburger{display:flex}.nav-links{display:none!important;flex-direction:column;position:fixed;inset:0;width:100%;height:100vh;background:#0d0d0dfc;padding:5rem 2rem 2rem;gap:0;z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch}.nav-links.mobile-open{display:flex!important}.nav-links>li{border-bottom:1px solid rgba(255,255,255,.08)}.nav-links>li>a{display:block;padding:1rem 0;font-size:1.1rem}.nav-links .dropdown-menu{position:static;display:none;background:transparent;box-shadow:none;padding:0 0 .5rem 1rem;min-width:auto;border-radius:0}.nav-links li.submenu-open>.dropdown-menu{display:block}.nav-links .dropdown-menu a{padding:.5rem 0;font-size:.95rem}.nav-links li:hover>.dropdown-menu,.nav-links li:focus-within>.dropdown-menu{display:none}.nav-links li.submenu-open:hover>.dropdown-menu,.nav-links li.submenu-open:focus-within>.dropdown-menu{display:block}.nav-links>li>a[aria-haspopup]:after{content:" ▾";font-size:.7em;position:static;height:auto}.nav-links>li:last-child>.dropdown-menu{left:0;right:auto}.card-grid{grid-template-columns:1fr}.framework-table{font-size:.8rem}.framework-table td,.framework-table th{padding:.5rem}.slide{padding:2rem 1.25rem 6.5rem;justify-content:flex-start;overflow-y:auto}.slide-inner{width:100%;gap:1rem}.slide ul{max-width:100%}.slide-table{font-size:.82rem;display:block;overflow-x:auto}.diagram-row{gap:.6rem}.diagram-box{min-width:120px;width:100%}.slide-nav{width:calc(100% - 1.5rem);left:.75rem;right:.75rem;bottom:.75rem;transform:none;gap:.6rem;justify-content:center;flex-wrap:wrap}.slide-nav button,.slide-nav .back-link{padding:.7rem 1rem;font-size:.95rem}.slide-counter{min-width:auto}}@media(max-width:680px){.card-grid{grid-template-columns:1fr}}@media(max-width:600px){main{padding:64px 0 0}}@media print{.nav,.slide-nav{display:none}.slide{display:block!important;page-break-after:always;height:auto;min-height:0}body{color:#000}}