@import"/fonts/ac3ba53369a2.css";:root{--color-bg-paper: #EFEFEF;--color-bg-paper-dark: #C2C2C2;--color-bg-dark: #000000;--color-bg-charcoal: #2B2B2B;--color-bg-gray: #7A7A7A;--color-text-dark: #000000;--color-text-light: #EFEFEF;--color-accent-gray: #7A7A7A;--font-serif: "Archivo Black", sans-serif;--font-display: "Archivo", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-mono: "Space Mono", monospace;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--border-brutal: 3.5px solid #000000;--border-brutal-thin: 1.5px solid #000000;--border-dashed: 2.5px dashed #2B2B2B;--shadow-brutal: 4px 4px 0px #000000;--shadow-brutal-gray: 4px 4px 0px #7A7A7A;--shadow-brutal-light: 4px 4px 0px #C2C2C2;--shadow-brutal-large: 8px 8px 0px #000000;--sidebar-width: 290px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg-paper);color:var(--color-text-dark);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-paper);border-left:var(--border-brutal)}::-webkit-scrollbar-thumb{background:var(--color-bg-dark);border:2px solid var(--color-bg-paper)}::-webkit-scrollbar-thumb:hover{background:var(--color-bg-gray)}.app-container{display:flex;min-height:100vh;position:relative}.sidebar{width:var(--sidebar-width);border-right:var(--border-brutal);height:100vh;position:sticky;top:0;padding:2.5rem 1.8rem;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-bg-dark);z-index:100;flex-shrink:0}.logo-container{border-bottom:3.5px solid var(--color-text-light);padding-bottom:1.5rem}.logo-title{font-family:var(--font-serif);font-size:1.8rem;font-weight:900;text-transform:uppercase;letter-spacing:-1px;line-height:.95;color:var(--color-text-light)}.logo-subtitle{font-family:var(--font-display);font-size:.7rem;text-transform:uppercase;letter-spacing:2px;margin-top:.6rem;color:var(--color-bg-paper-dark);font-weight:800}.nav-menu{list-style:none;margin:2.5rem 0}.nav-item{margin-bottom:1.1rem}.nav-link{font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase;text-decoration:none;color:var(--color-text-light);display:flex;align-items:center;gap:.75rem;letter-spacing:1px;transition:var(--transition-smooth);opacity:.6}.nav-link:hover,.nav-link.active{opacity:1;color:#fff;transform:translate(6px);text-shadow:0 0 1px rgba(255,255,255,.5)}.nav-number{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--color-bg-paper-dark)}.nav-link:hover .nav-number,.nav-link.active .nav-number{color:#fff}.sidebar-footer{font-size:.7rem;opacity:.4;text-transform:uppercase;letter-spacing:1px;line-height:1.4;border-top:1px solid rgba(250,248,245,.12);padding-top:1.5rem;color:var(--color-text-light)}.main-content{flex:1;min-width:0}.top-announcement-bar{background-color:var(--color-bg-dark);color:var(--color-text-light);padding:.9rem 1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.82rem;font-weight:700;border-bottom:var(--border-brutal);text-transform:uppercase;letter-spacing:1px;position:relative;z-index:10}.announcement-tag{background-color:var(--color-bg-paper);color:var(--color-bg-dark);padding:.15rem .6rem;border:var(--border-brutal-thin);font-size:.72rem}.announcement-link{color:var(--color-text-light);text-decoration:none;transition:var(--transition-smooth)}.announcement-link:hover{color:var(--color-bg-paper-dark);text-decoration:underline}section{padding:6.5rem 5rem;border-bottom:var(--border-brutal);position:relative;overflow:hidden}section:nth-child(2n){background-color:#e6e6e2}section:last-of-type{border-bottom:none}.hero-section{display:flex;flex-direction:column;justify-content:flex-start;padding:0;background-color:var(--color-bg-dark);border-bottom:var(--border-brutal)}.hero-banner-container{width:100%;position:relative;display:flex;justify-content:center;background-color:var(--color-bg-paper-dark);border-bottom:var(--border-brutal);overflow:hidden}.hero-banner-img{width:100%;height:auto;max-height:620px;object-fit:cover;display:block}.hero-cta-bar{width:100%;padding:2.5rem 2rem;display:flex;justify-content:center;align-items:center;gap:2rem;background-color:var(--color-bg-dark);flex-wrap:wrap}.cta-button{font-family:var(--font-display);font-weight:900;text-transform:uppercase;text-decoration:none;letter-spacing:2px;display:flex;align-items:center;gap:.75rem;border:var(--border-brutal);padding:1.1rem 2.8rem;font-size:.9rem;background-color:var(--color-bg-paper);color:var(--color-text-dark);box-shadow:4px 4px 0 var(--color-bg-charcoal);transition:var(--transition-smooth);cursor:pointer}.cta-button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-bg-dark);background-color:#fff}.cta-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-bg-dark)}.cta-button.highlight-cta{background-color:var(--color-bg-charcoal);color:var(--color-text-light);border:3.5px solid var(--color-bg-paper-dark);box-shadow:4px 4px 0 var(--color-bg-gray)}.cta-button.highlight-cta:hover{background-color:var(--color-bg-dark);box-shadow:6px 6px 0 var(--color-bg-paper-dark)}.section-meta{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:2px;color:var(--color-bg-charcoal);font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title{font-family:var(--font-serif);font-size:clamp(2.4rem,4.5vw,4rem);text-transform:uppercase;font-weight:900;line-height:.95;margin-bottom:3rem;letter-spacing:-1.5px;color:var(--color-bg-dark)}.text-editorial{font-size:1.05rem;line-height:1.65;color:var(--color-text-dark);max-width:820px}.dark-section{background-color:var(--color-bg-charcoal)!important;color:var(--color-text-light);border-bottom:var(--border-brutal)}.dark-section .section-title{color:var(--color-text-light)}.dark-section .section-meta{color:var(--color-bg-paper-dark)}.dark-section .text-editorial{color:#faf8f5d9}.card-brutal{background-color:#fff;border:var(--border-brutal);padding:2rem;box-shadow:var(--shadow-brutal);margin-bottom:2rem;position:relative;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease}.card-brutal:hover{transform:translate(-4px,-4px) rotate(.3deg);box-shadow:8px 8px 0 var(--color-bg-dark)}.card-brutal-dark{background-color:var(--color-bg-dark);color:var(--color-text-light);border:var(--border-brutal);padding:2.2rem;box-shadow:5px 5px 0 var(--color-bg-charcoal);margin-bottom:2rem;position:relative;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s ease}.card-brutal-dark:hover{transform:translate(-4px,-4px) rotate(-.3deg);box-shadow:8px 8px 0 var(--color-bg-charcoal)}.bubble-brutal{background-color:#fff;border:var(--border-brutal);border-radius:30px;padding:1.5rem 2rem;box-shadow:var(--shadow-brutal);display:inline-block;max-width:100%;margin-bottom:1.5rem}.bubble-brutal-dark{background-color:var(--color-bg-dark);color:var(--color-text-light);border:var(--border-brutal);border-radius:30px;padding:1.5rem 2rem;box-shadow:4px 4px 0 var(--color-bg-charcoal);display:inline-block;max-width:100%}.circle-brutal{width:90px;height:90px;border-radius:50%;background-color:#fff;border:var(--border-brutal);display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--color-bg-dark);font-family:var(--font-serif);font-size:2.5rem;font-weight:900;color:var(--color-bg-charcoal);margin-bottom:1.5rem}.stamp-brutal{font-family:var(--font-serif);font-size:.75rem;text-transform:uppercase;color:var(--color-text-light);background-color:var(--color-bg-dark);border:1.5px solid var(--color-bg-paper-dark);padding:.3rem .8rem;transform:rotate(-3deg);display:inline-block;letter-spacing:1px}.step-item{display:grid;grid-template-columns:80px 1fr;gap:1.5rem;margin-bottom:3.5rem;align-items:start}.step-num-box{width:70px;height:70px;border:var(--border-brutal);background-color:var(--color-bg-dark);color:var(--color-text-light);font-family:var(--font-mono);font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 var(--color-bg-gray);transition:var(--transition-smooth)}.step-item:hover .step-num-box{transform:rotate(-5deg) scale(1.05);box-shadow:4px 4px 0 var(--color-bg-dark)}.step-content{border-bottom:1px dashed rgba(18,18,18,.25);padding-bottom:2rem}.dark-section .step-content{border-bottom:1px dashed rgba(250,248,245,.15)}.step-content h3{font-family:var(--font-display);font-size:1.35rem;text-transform:uppercase;font-weight:800;margin-bottom:.75rem;color:var(--color-bg-dark);letter-spacing:.5px}.dark-section .step-content h3{color:var(--color-bg-paper)}.prompt-container{background-color:var(--color-bg-dark);border:var(--border-brutal);padding:2.2rem;margin:2.5rem 0;position:relative;box-shadow:5px 5px 0 var(--color-bg-gray)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px dashed rgba(250,248,245,.2);padding-bottom:1rem}.prompt-label{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;color:var(--color-bg-paper-dark);font-weight:700;letter-spacing:1px}.copy-btn{background-color:transparent;border:1.5px solid rgba(250,248,245,.3);color:var(--color-text-light);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.4rem 1.1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition-smooth)}.copy-btn:hover{background-color:var(--color-bg-charcoal);border-color:var(--color-bg-paper-dark)}.copy-btn.copied{background-color:var(--color-bg-gray);border-color:var(--color-bg-paper-dark)}.prompt-text{font-family:var(--font-mono);font-size:.88rem;line-height:1.7;color:#faf8f5e6;white-space:pre-wrap;max-height:250px;overflow-y:auto;padding-right:1rem;scrollbar-width:thin;scrollbar-color:var(--color-bg-gray) rgba(250,248,245,.05)}.prompt-text::-webkit-scrollbar{width:6px}.prompt-text::-webkit-scrollbar-track{background:#faf8f50d}.prompt-text::-webkit-scrollbar-thumb{background:var(--color-bg-gray)}.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.2rem;margin:3.5rem 0}.polaroid-item{background-color:#fff;border:var(--border-brutal);padding:1rem 1rem 2.2rem;box-shadow:4px 4px 0 var(--color-bg-dark);transform:rotate(var(--rot, 0deg));transition:var(--transition-smooth);display:flex;flex-direction:column}.polaroid-item:hover{transform:rotate(0) scale(1.05) translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-bg-dark);z-index:10}.polaroid-img-wrapper{width:100%;aspect-ratio:1;background-color:var(--color-bg-dark);overflow:hidden;border:var(--border-brutal-thin)}.polaroid-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.polaroid-caption{font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;margin-top:1rem;text-align:center;color:var(--color-text-dark)}.tape-sticker{position:absolute;background-color:#e6dcc8d9;font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;padding:.4rem 1.5rem;border:1px dashed rgba(18,18,18,.4);font-weight:700;color:#121212;box-shadow:2px 2px 5px #0000001a;pointer-events:none;z-index:5}.tape-newspaper{background-image:radial-gradient(circle,#333 1px,transparent 1px);background-size:4px 4px;background-color:#f1ebd9;border:1px solid rgba(0,0,0,.2)}.tape-rip{background-color:var(--color-bg-paper-dark);border-left:2px dashed rgba(18,18,18,.3);border-right:2px dashed rgba(18,18,18,.3)}.tape-dark{background-color:var(--color-bg-dark);color:var(--color-text-light);border:1px dashed rgba(250,248,245,.3)}.badge-cloud-container{display:flex;flex-wrap:wrap;gap:.85rem;margin:1.5rem 0}.badge-brutal{font-family:var(--font-display);font-size:.9rem;font-weight:800;text-transform:uppercase;background-color:#fff;border:var(--border-brutal-thin);padding:.45rem 1.25rem;box-shadow:2.5px 2.5px 0 var(--color-bg-dark);border-radius:4px;transition:var(--transition-smooth)}.badge-brutal:hover{transform:translate(-2px,-2px);box-shadow:4.5px 4.5px 0 var(--color-bg-dark)}.dark-section .badge-brutal{background-color:var(--color-bg-dark);border-color:#faf8f533;color:var(--color-text-light);box-shadow:2px 2px 0 var(--color-bg-paper-dark)}.dark-section .badge-brutal:hover{box-shadow:4px 4px 0 var(--color-bg-paper-dark)}.bento-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:2.5rem 0}@media (max-width: 900px){.bento-grid{grid-template-columns:1fr}}.tabs-container{margin:3rem 0}.tabs-headers{display:flex;gap:.5rem;border-bottom:var(--border-brutal);padding-bottom:.5rem}.tab-btn{background:#fff;border:var(--border-brutal-thin);color:var(--color-text-dark);font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase;padding:.8rem 1.8rem;cursor:pointer;transition:var(--transition-smooth);box-shadow:2.5px 2.5px 0 var(--color-bg-dark)}.tab-btn:hover{background-color:var(--color-bg-paper-dark);transform:translate(-1px,-1px);box-shadow:3.5px 3.5px 0 var(--color-bg-dark)}.tab-btn.active{background-color:var(--color-bg-dark);color:var(--color-text-light);box-shadow:none;transform:none}.tab-panel{display:none;animation:fadeIn .4s ease;margin-top:2rem}.tab-panel.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.framed-illustration{background-color:#fff;border:var(--border-brutal);padding:1rem;box-shadow:var(--shadow-brutal);display:flex;justify-content:center;align-items:center;max-width:100%}.framed-illustration img{max-width:100%;height:auto;border:var(--border-brutal-thin);display:block}.table-brutal-wrapper{overflow-x:auto;margin:2.5rem 0;border:var(--border-brutal);box-shadow:var(--shadow-brutal);background-color:#fff}.table-brutal{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.table-brutal th{background-color:var(--color-bg-dark);color:var(--color-text-light);font-family:var(--font-display);font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;padding:1.25rem 1.5rem;border-bottom:var(--border-brutal)}.table-brutal td{padding:1.25rem 1.5rem;border-bottom:var(--border-brutal-thin);color:var(--color-text-dark);vertical-align:top}.table-brutal tr:last-child td{border-bottom:none}.table-brutal tr:nth-child(2n) td{background-color:#f7f7f5}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2.5rem 0}@media (max-width: 768px){.compare-grid{grid-template-columns:1fr}}.compare-box{background-color:#fff;border:var(--border-brutal);padding:2rem;position:relative;box-shadow:var(--shadow-brutal)}.compare-box.bad{box-shadow:4px 4px 0 var(--color-bg-gray);border-color:var(--color-bg-gray);border-style:dashed}.compare-box.good{box-shadow:4px 4px 0 var(--color-bg-dark);border-color:var(--color-bg-dark)}.compare-title{font-family:var(--font-display);font-size:1.15rem;font-weight:900;text-transform:uppercase;margin-bottom:1.2rem}.compare-title.bad{color:var(--color-bg-charcoal)}.compare-title.good{color:var(--color-bg-dark)}.builder-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem}@media (max-width: 600px){.builder-grid{grid-template-columns:1fr}}.builder-field{display:flex;flex-direction:column;gap:.4rem}.builder-field label{font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--color-text-light);letter-spacing:.5px}.builder-input{border:var(--border-brutal-thin);padding:.6rem .8rem;font-family:var(--font-body);font-size:.9rem;background-color:#fff;outline:none;box-shadow:2px 2px 0 var(--color-bg-gray);transition:var(--transition-smooth)}.builder-input:focus{box-shadow:4px 4px 0 var(--color-bg-dark);transform:translate(-1px,-1px)}.reveal-element{opacity:0;transform:translateY(45px) rotate(.8deg) scale(.96);transition:opacity 1.1s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);will-change:transform,opacity}.reveal-element.visible{opacity:1;transform:translateY(0) rotate(0) scale(1)}.spark-particle{position:absolute;background-color:var(--color-bg-dark);border:1px solid var(--color-bg-paper-dark);pointer-events:none;z-index:10000;animation:spark-fade-animation .75s forwards cubic-bezier(.1,.8,.25,1)}.spark-circle{border-radius:50%}.spark-square{transform:rotate(45deg)}.spark-cross{clip-path:polygon(20% 0%,80% 0%,80% 20%,100% 20%,100% 80%,80% 80%,80% 100%,20% 100%,20% 80%,0% 80%,0% 20%,20% 20%);background-color:var(--color-bg-dark);border:none}.spark-triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%);background-color:var(--color-bg-charcoal);border:none}@keyframes spark-fade-animation{to{transform:translate(var(--tx),var(--ty)) rotate(var(--rot, 360deg));opacity:0;scale:.1}}.brutal-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000eb;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.brutal-lightbox.active{opacity:1;pointer-events:auto}.lightbox-content{max-width:90%;max-height:85%;display:flex;flex-direction:column;align-items:center;position:relative;border:var(--border-brutal);background-color:var(--color-bg-paper);padding:1.5rem;box-shadow:8px 8px #000;transform:scale(.9);transition:transform .3s cubic-bezier(.16,1,.3,1)}.brutal-lightbox.active .lightbox-content{transform:scale(1)}.lightbox-img{max-width:100%;max-height:70vh;object-fit:contain;border:var(--border-brutal-thin)}.lightbox-caption{font-family:var(--font-mono);font-size:.85rem;font-weight:700;text-transform:uppercase;color:var(--color-text-dark);margin-top:1rem;text-align:center;letter-spacing:.5px}.lightbox-close{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background-color:var(--color-bg-dark);color:var(--color-text-light);border:var(--border-brutal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 0 var(--color-bg-gray);transition:var(--transition-smooth)}.lightbox-close:hover{transform:scale(1.1) rotate(90deg)}.compare-badge{display:inline-block;font-family:var(--font-mono);font-size:.72rem;font-weight:700;text-transform:uppercase;padding:.35rem .85rem;border:var(--border-brutal-thin);margin-bottom:1.25rem;letter-spacing:.5px}.compare-badge.bad{background-color:var(--color-bg-paper-dark);color:var(--color-text-dark);border-style:dashed}.compare-badge.good{background-color:var(--color-bg-dark);color:var(--color-text-light)}.card-tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;background-color:var(--color-bg-dark);color:var(--color-text-light);padding:.25rem .75rem;margin-bottom:1.25rem;border-radius:2px;border:var(--border-brutal-thin);letter-spacing:.5px}.card-brutal-dark .card-tag{background-color:var(--color-bg-paper-dark);color:var(--color-text-dark);border-color:var(--color-bg-paper-dark)}@media (max-width: 1024px){.app-container{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;border-right:none;border-bottom:var(--border-brutal);padding:1.5rem;flex-direction:row;align-items:center}.nav-menu,.sidebar-footer{display:none}section{padding:4rem 2rem}.step-container{grid-template-columns:1fr;gap:2rem}.step-container:nth-child(2n){direction:ltr}}@media (max-width: 768px){section{padding:3rem 1.25rem}.section-title{font-size:clamp(1.8rem,7vw,2.6rem);letter-spacing:-.5px;margin-bottom:2rem}.step-container{display:flex!important;flex-direction:column!important;gap:1.5rem!important;margin-bottom:3.5rem}.step-container:nth-child(2n){direction:ltr!important;flex-direction:column!important}[style*="grid-template-columns: 1.1fr 0.9fr"],[style*="grid-template-columns: 1.15fr 0.85fr"],[style*="grid-template-columns: 1.25fr 0.75fr"],[style*="grid-template-columns: 1fr 1fr"]{display:flex!important;flex-direction:column!important;gap:2rem!important}.prompt-header{flex-direction:column;align-items:flex-start;gap:.75rem}}@media (max-width: 480px){section{padding:2.5rem 1rem}.section-title{font-size:clamp(1.5rem,8vw,2rem)}}