:root{--purple:#6633FF;--purple-light:#7c4dff;--dark:#0d0d0d;--dark-card:#161616;--dark-border:#222;--white:#fff;--gray-100:#f5f5f5;--gray-300:#b0b0b0;--gray-500:#707070;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:Arial,Helvetica,sans-serif;background:var(--dark);color:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Urbanist',sans-serif;font-weight:600;}
a{text-decoration:none;color:inherit;}
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(13,13,13,0.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--dark-border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;}
nav img{height:32px;}
.hamburger{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:5px;z-index:200;}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);transition:all 0.3s ease;}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}
.nav-overlay{position:fixed;top:0;right:-100%;width:300px;height:100vh;background:rgba(13,13,13,0.97);backdrop-filter:blur(20px);z-index:150;padding:6rem 2.5rem 2.5rem;transition:right 0.3s ease;display:flex;flex-direction:column;gap:1.5rem;}
.nav-overlay.open{right:0;}
.nav-close{position:absolute;top:1.25rem;right:1.5rem;background:none;border:none;cursor:pointer;color:var(--white);font-size:1.8rem;line-height:1;padding:8px;opacity:0.7;}
.nav-close:hover{opacity:1;}
.nav-overlay a{color:var(--gray-300);font-size:1.1rem;font-weight:500;letter-spacing:0.5px;text-transform:uppercase;transition:color 0.2s;}
.nav-overlay a:hover{color:var(--white);}
.nav-overlay .nav-cta{background:var(--purple);color:var(--white);padding:0.75rem 1.5rem;border-radius:6px;font-size:1rem;font-weight:600;text-align:center;margin-top:1rem;}
.article{max-width:720px;margin:0 auto;padding:7rem 2rem 4rem;}
.article .back{display:inline-block;color:var(--purple);font-size:0.85rem;font-weight:600;margin-bottom:2rem;}
.article h1{font-size:2.2rem;line-height:1.2;margin-bottom:1.5rem;}
.article h2{font-size:1.4rem;margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid var(--dark-border);}
.article p{color:var(--gray-300);font-size:1rem;line-height:1.8;margin-bottom:1.25rem;}
.article strong{color:var(--white);}
.cta-band{background:var(--dark-card);border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border);padding:3rem 2rem;text-align:center;margin-top:3rem;}
.cta-band h2{font-size:1.6rem;margin-bottom:0.5rem;border:none;padding:0;}
.cta-band p{color:var(--gray-300);margin-bottom:1.5rem;}
.btn-primary{background:var(--purple);color:var(--white);padding:0.75rem 1.75rem;border-radius:8px;font-size:0.95rem;font-weight:600;display:inline-block;}
footer{border-top:1px solid var(--dark-border);padding:2.5rem 2rem;}
footer .container{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
footer img{height:24px;opacity:0.5;}footer p{color:var(--gray-500);font-size:0.8rem;}
@media(max-width:768px){.article h1{font-size:1.6rem;}.nav-overlay{width:100%;}}