.navbar{position:sticky;top:0;z-index:100;background:var(--surface1);padding:1rem;border-bottom:1px solid var(--muted);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.navbar .nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navbar .navbar-brand{color:var(--surface1);font-size:1.25rem;font-weight:bold;text-decoration:none;z-index:101;order:1}.navbar .navbar-brand .brand-kieron{color:#32CD32}.navbar .navbar-brand .brand-play{color:#f0f}.navbar .nav-toggle{display:flex;background:none;border:none;cursor:pointer;padding:12px 20px 12px 12px;min-width:44px;min-height:44px;z-index:101;order:2}.navbar .nav-toggle .hamburger{width:25px;height:2px;background:white;position:relative;transition:background 0.3s}.navbar .nav-toggle .hamburger::before,.navbar .nav-toggle .hamburger::after{content:'';position:absolute;width:25px;height:2px;background:white;transition:transform 0.3s}.navbar .nav-toggle .hamburger::before{top:-8px}.navbar .nav-toggle .hamburger::after{top:8px}.navbar .nav-toggle[aria-expanded="true"] .hamburger{background:transparent}.navbar .nav-toggle[aria-expanded="true"] .hamburger::before{transform:rotate(45deg) translate(5px, 5px)}.navbar .nav-toggle[aria-expanded="true"] .hamburger::after{transform:rotate(-45deg) translate(6px, -6px)}.navbar .nav-links{display:none;width:100%;flex-direction:column;padding:1rem 0;order:3}.navbar .nav-links.active{display:flex}.navbar .nav-link{color:white;text-decoration:none;padding:0.75rem 1rem;border-radius:4px}.navbar .nav-link:hover{background:rgba(255,255,255,0.1)}.navbar .nav-link.active{background:rgba(255,255,255,0.2);font-weight:600}@media (min-width: 769px){.navbar .nav-toggle{display:none}.navbar .nav-links{display:flex !important;width:auto;flex-direction:row;gap:1.5rem;padding:0;order:2}.navbar .nav-link{padding:0.5rem 1rem}}.btn{display:inline-block;padding:0.65rem 1rem;border-radius:0.6rem;text-decoration:none;color:var(--text)}.btn-primary{background:var(--brand-kieron2);color:var(--dark1);font-weight:600;margin-right:0.5rem}.btn-secondary{border:1px solid #cbd5e0;color:inherit}:root{--dark1: #0a0a0a;--primary: #FF10F0;--secondary: #FF006E;--text: #F5F5F0;--surface1: #1a1a1a;--surface2: #2a2a2a;--border: #333333;--muted: #888888;--primary2: #2563eb;--dark2: #1f2937;--light: #f9fafb;--brand-kieron1: #32CD32;--brand-kieron2: #FF00FF;--brand-kieron3: #00813D;--brand-kieron4: #FFD100}html,body{height:100%}body{background:var(--surface1);margin:0;font-family:system-ui, sans-serif;color:var(--text);display:flex;flex-direction:column;min-height:100svh;min-height:100dvh}main{flex:1}footer{flex:0 0 auto;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--muted);box-shadow:0 -1px 0 rgba(255,16,240,0.4)}footer p{margin:0;font-size:0.875rem;line-height:1.2;color:color-mix(in srgb, var(--text) 85%, transparent)}.container{max-width:1200px;margin:0 auto;padding:2rem}.page .contact-intro{text-align:center}.page .post-title{text-align:center}.contact-form .submit-btn{padding:0.9rem 2rem;border:2px solid var(--primary);border-radius:999px;background:transparent;color:var(--primary);font-weight:700;font-size:1rem;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:0.5px}.contact-form .submit-btn:hover:not(:disabled){background:var(--primary);color:var(--dark1);box-shadow:0 0 20px var(--primary),0 0 40px var(--secondary);transform:translateY(-2px)}.contact-form .submit-btn:active{transform:translateY(0)}.contact-form .submit-btn[disabled]{opacity:0.5;cursor:not-allowed;box-shadow:none}.contact-form .form-actions{display:flex;justify-content:center;margin-top:1rem}.tool-note{background:rgba(255,16,240,0.1);border-left:4px solid #FF10F0;padding:1rem;margin:1rem 0;color:#888}.tool-btn{background:var(--primary, #FF10F0);color:white !important;padding:1.5rem 2rem;border:none;border-radius:50px;font-size:1.3rem;font-weight:bold;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 25px rgba(255,16,240,0.3);transition:all 0.3s;width:80%;height:70px;min-height:50px}