.hero-section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-dark-background);position:relative;overflow:hidden;transition:min-height .7s ease-in-out,padding .7s ease-in-out,background-color .7s ease-in-out,box-shadow .7s ease-in-out}.logo-container{position:relative;width:600px;max-width:90vw;text-align:center;cursor:pointer;transition:all .7s ease-in-out;z-index:10}.codebreakers-logo{width:100%;height:auto;filter:brightness(.3) contrast(1.5) saturate(.5);transition:filter .5s ease-out;display:block;margin:0 auto}@keyframes glitch-in{0%{filter:brightness(.3) contrast(1.5) saturate(.5);transform:translate(0);opacity:.1}5%{transform:translate(-2px,2px);opacity:.8}10%{transform:translate(3px,-1px);opacity:.3}15%{transform:translate(-1px,3px);opacity:.7}20%{transform:translate(2px,-2px);opacity:.4}25%{transform:translate(0);filter:brightness(1) contrast(1) saturate(1);opacity:1}to{filter:brightness(1) contrast(1) saturate(1);opacity:1}}.codebreakers-logo.glitch-active{animation:glitch-in 2s forwards ease-in-out}.codebreakers-logo:hover{filter:brightness(1.2) contrast(1) saturate(1.2) drop-shadow(0 0 15px var(--color-neon-blue-shadow)) drop-shadow(0 0 15px var(--color-neon-pink-shadow));transform:scale(1.02);transition:filter .5s ease-out,transform .3s ease-in-out}.logo-container:hover{transform:scale(1.02)}.hero-section.header-active{min-height:80px;padding:0 20px;justify-content:flex-start;align-items:center;flex-direction:row;background-color:var(--color-dark-background);box-shadow:0 2px 10px #00000080;z-index:1001;position:sticky;top:0;width:100%;box-sizing:border-box}.hero-section.header-active .logo-container{position:absolute!important;left:20px;top:50%;transform:translateY(-50%);width:150px;max-width:none;text-align:left;z-index:1002}.hero-section.header-active .logo-container .codebreakers-logo{width:100%;height:auto;filter:brightness(1) contrast(1) saturate(1)}.hero-section.header-active .logo-container:hover{transform:translateY(-50%)}.hero-section.header-active .logo-container .codebreakers-logo:hover{transform:none;filter:brightness(1.2) contrast(1) saturate(1.2) drop-shadow(0 0 15px var(--color-neon-blue-shadow)) drop-shadow(0 0 15px var(--color-neon-pink-shadow))}.navbar{position:sticky;top:80px;width:100%;background-color:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px 120px 20px 0;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 20px #0000004d;z-index:999;opacity:0;transition:opacity .7s ease-in;pointer-events:none}body.content-ready .navbar{opacity:1;pointer-events:auto}.nav-links a{color:#c6f;text-decoration:none;margin-left:30px;font-size:1.1em;font-weight:600;font-family:var(--font-family-heading);transition:color .3s ease,text-shadow .3s ease,transform .2s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-neon-blue),var(--color-neon-pink));transition:width .3s ease}.nav-links a:hover{color:#f6c;text-shadow:0 0 8px rgba(255,102,204,.6);transform:translateY(-2px)}.nav-links a:hover:after{width:100%}.App .section{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5rem 2rem;text-align:center;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;opacity:0;transition:opacity .7s ease-in}body.content-ready .App .section{opacity:1}.App .section h2{font-size:clamp(2.5em,5vw,4em);margin-bottom:.5em;color:var(--color-neon-blue);text-shadow:0 0 20px var(--color-neon-blue-shadow);font-family:var(--font-family-heading);font-weight:700;letter-spacing:-.02em;line-height:1.1}.section-intro{font-size:clamp(1.1em,2.5vw,1.4em);line-height:1.7;max-width:900px;margin-bottom:3em;color:var(--color-text-light);font-weight:400;opacity:.9}.workflow-container{display:flex;flex-direction:column;gap:3em;width:100%;max-width:1200px;margin-top:2em}.workflow-card{display:grid;grid-template-columns:300px 1fr;gap:2.5em;background:linear-gradient(135deg,#1a1a1acc,#28282899);border-radius:16px;padding:2em;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s ease;border:1px solid transparent;position:relative;overflow:hidden}.workflow-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-neon-blue),var(--color-neon-pink),transparent);opacity:0;transition:opacity .4s ease}.workflow-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0009,0 0 0 1px #0ff3,0 0 30px #00ffff1a;border-color:#00ffff4d}.workflow-card:hover:before{opacity:1}.workflow-image{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0006}.workflow-image img{width:100%;height:200px;object-fit:cover;transition:transform .4s ease,filter .4s ease;filter:brightness(.9) contrast(1.1)}.workflow-card:hover .workflow-image img{transform:scale(1.05);filter:brightness(1) contrast(1.2)}.workflow-content{display:flex;flex-direction:column;justify-content:center;text-align:left;padding-left:1em}.workflow-content h3{font-size:clamp(1.4em,3vw,1.8em);color:var(--color-neon-blue);margin:0 0 1em;font-family:var(--font-family-heading);font-weight:600;line-height:1.3;text-shadow:0 0 10px var(--color-neon-blue-shadow)}.workflow-content p{font-size:1.1em;line-height:1.6;margin-bottom:2em;color:var(--color-text-light);opacity:.9;font-weight:400}.download-button{display:inline-flex;align-items:center;gap:.8em;background:linear-gradient(135deg,var(--color-neon-blue),var(--color-neon-pink));color:#000;padding:1em 2em;border-radius:8px;text-decoration:none;font-size:1.1em;font-weight:700;font-family:var(--font-family-heading);transition:all .3s ease;box-shadow:0 4px 20px #00ffff4d,0 0 0 1px #ffffff1a;align-self:flex-start;text-transform:uppercase;letter-spacing:.5px}.download-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00ffff80,0 0 0 1px #fff3;background:linear-gradient(135deg,var(--color-neon-pink),var(--color-neon-blue))}.download-icon{font-size:1.2em;transition:transform .3s ease}.download-button:hover .download-icon{transform:translateY(2px)}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-text-light);font-size:1.2em}.newsletter-form{display:flex;flex-direction:column;gap:1.5em;max-width:500px;width:100%;margin-top:3em}.newsletter-form input[type=email]{padding:1.2em 1.5em;border:2px solid var(--color-neon-blue);background-color:#1a1a1acc;color:var(--color-text-light);border-radius:8px;font-size:1.1em;font-family:var(--font-family-body);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-form input[type=email]:focus{outline:none;border-color:var(--color-neon-pink);box-shadow:0 0 20px #00ffff4d;background-color:#1a1a1af2}.newsletter-form input[type=email]::placeholder{color:var(--color-text-dim);opacity:.7}.newsletter-form button{background:linear-gradient(135deg,var(--color-neon-blue),var(--color-neon-pink));color:#000;padding:1.2em 2em;border:none;border-radius:8px;cursor:pointer;font-size:1.2em;font-weight:700;font-family:var(--font-family-heading);transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 20px #00ffff4d}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00ffff80;background:linear-gradient(135deg,var(--color-neon-pink),var(--color-neon-blue))}.footer{background:linear-gradient(135deg,#111,#1a1a1a);color:var(--color-text-dim);padding:3em 2em 2em;text-align:center;font-size:1em;width:100%;box-sizing:border-box;opacity:0;transition:opacity .7s ease-in;border-top:1px solid rgba(255,255,255,.1)}body.content-ready .App .footer{opacity:1}.social-links{margin-top:1.5em;display:flex;justify-content:center;gap:2em}.social-links a{color:var(--color-text-light);text-decoration:none;font-weight:600;transition:all .3s ease;padding:.5em 1em;border-radius:6px;background:#ffffff0d}.social-links a:hover{color:var(--color-neon-blue);text-shadow:0 0 8px var(--color-neon-blue-shadow);background:#00ffff1a;transform:translateY(-2px)}@media (max-width: 968px){.workflow-card{grid-template-columns:1fr;gap:1.5em;text-align:center}.workflow-content{text-align:center;padding-left:0}.workflow-image img{height:250px}}@media (max-width: 768px){.logo-container{width:95vw}.section{padding:3rem 1rem}.workflow-container{gap:2em}.workflow-card{padding:1.5em;margin:0 1em}.hero-section.header-active .logo-container{width:100px;left:10px}.nav-links a{font-size:.9em;margin-left:15px}.download-button{padding:.8em 1.5em;font-size:1em}}:root{--color-dark-background: #1a1a1a;--color-lighter-dark: #2a2a2a;--color-text-light: #eee;--color-text-dim: #aaa;--color-neon-blue: #644b9f;--color-neon-blue-shadow: rgba(109, 80, 177, .607);--color-neon-pink: #ff00ff;--color-neon-pink-shadow: rgba(255, 0, 255, .6);--color-accent-hover-blue: #0091ff;--color-accent-hover-pink: #cc00cc;--font-family-body: "Inter", sans-serif;--font-family-heading: "Orbitron", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;background-color:var(--color-dark-background);font-family:var(--font-family-body);color:var(--color-text-light);overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-neon-blue)}.section{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;text-align:center;width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}.section h2{font-size:3em;margin-bottom:1em;color:var(--color-neon-blue);text-shadow:0 0 10px var(--color-neon-blue-shadow)}.section p{font-size:1.2em;line-height:1.6;max-width:800px;margin-bottom:2em}a{color:var(--color-neon-pink);text-decoration:none;transition:color .3s ease}a:hover{color:var(--color-accent-hover-pink)}