:root{--color-primary:#1772b9;--color-primary-dark:#125a93;--color-primary-soft:#eff6ff;--color-navy:#00111f;--color-accent:#deaf52;--color-accent-dark:#cf992c;--color-danger:#ff6b6b;--gradient-brand:linear-gradient(90deg, #00111f, #185c91);--text-strong:#1e293b;--text-body:#334155;--text-muted:#64748b;--text-on-dark:#fff;--text-on-dark-muted:#cbd5e1;--bg-page:#fafafa;--bg-alt:#e9eff6;--surface:#fff;--border:#e2e8f0;--border-strong:#cbd5e1;--radius-sm:8px;--radius-lg:20px;--radius-pill:999px;--shadow-card:0 4px 12px #0000000f;--shadow-card-hover:0 16px 32px #0000001a;--fs-h2:calc(clamp(1.75rem, 4vw, 2.5rem));--fs-title:1.5rem;--fs-h3:1.25rem;--fs-lead:1.125rem;--fs-body:1rem;--fs-small:.95rem;--fs-caption:.85rem;--container-width:1200px;--container-gutter:20px;--section-padding:calc(clamp(3rem, 8vw, 6rem));--card-padding:2rem;--grid-gap:2rem;--transition:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-body);background-color:var(--bg-page);font-family:Mulish,sans-serif;line-height:1.6}.container{max-width:var(--container-width);padding:0 var(--container-gutter);margin:0 auto}button{font-family:inherit}.hero{background:var(--gradient-brand);color:#fff;text-align:center;flex-direction:column;justify-content:center;height:100%;min-height:100vh;padding-top:120px;display:flex}.hero,.hero h1{position:relative}.hero h1{letter-spacing:-.02em;-webkit-text-fill-color:transparent;text-wrap:balance;z-index:2;background:linear-gradient(90deg,#fff,#8abbf5);-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;padding-bottom:.15em;font-size:calc(clamp(2.5rem,8vw,7rem));font-weight:900;line-height:1.05;animation:1s cubic-bezier(.2,.8,.2,1) fadeInUp}.description-text{margin-top:2.5rem;margin-bottom:2rem;font-size:1.3rem}.untyped{visibility:hidden}.typed.typing{border-right:3px solid var(--color-accent);margin-right:-3px;animation:1s step-end infinite blink}@keyframes blink{50%{border-right-color:#0000}}.hero-content{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;padding-bottom:4rem;display:flex;position:relative}.hero-content .text-container{text-align:left;width:100%;max-width:900px}.hero-actions{flex-wrap:wrap;gap:1.5rem;margin-top:2rem;display:flex}.wide-container{width:100%;max-width:1400px}#hero-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.btn{border-radius:var(--radius-pill);width:fit-content;font-family:inherit;font-size:var(--fs-body);text-align:center;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition);border:2px solid #0000;padding:15px 30px;font-weight:700;line-height:1.6;text-decoration:none;display:inline-block}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-navy)}.btn--primary:hover{background:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn--secondary{background:var(--color-primary);border-color:var(--color-primary);color:var(--text-on-dark)}.btn--secondary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--outline{color:var(--text-on-dark);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:0 0;border-color:#ffffff4d}.btn--outline:hover{background:var(--surface);border-color:var(--surface);color:var(--color-primary)}.btn--outline:focus-visible{outline-color:var(--color-accent)}.btn--block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--card-padding)}.card h3{font-size:var(--fs-h3);color:var(--text-strong);font-weight:700}.card--hover{transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.icon-circle{background:var(--color-primary-soft);width:64px;height:64px;color:var(--color-primary);transition:background var(--transition),color var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex}@media (hover:hover){.card--hover:hover{box-shadow:var(--shadow-card-hover);border-color:var(--color-primary);transform:translateY(-6px)}.card--hover:hover .icon-circle{background:var(--color-primary);color:var(--text-on-dark)}}.form-group{flex-direction:column;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-body);margin-bottom:.4rem;font-weight:600;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-strong);font-family:inherit;font-size:var(--fs-body);transition:border-color var(--transition),box-shadow var(--transition);padding:.6rem .75rem}.form-group textarea{resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #1772b933}.result{background:var(--bg-alt);border-radius:var(--radius-sm);margin-top:2rem;padding:1.5rem}.resultError{border-left:4px solid var(--color-danger)}.scroll-reveal{opacity:0;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(24px)}.scroll-reveal.visible{opacity:1;transform:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-content{text-align:center;flex-direction:column-reverse;justify-content:center;gap:2rem;padding-bottom:2rem}.hero-content .text-container{text-align:center;width:100%;padding:0 1rem}.hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:100%}.btn{width:100%;max-width:350px}.btn--block{max-width:none}}section{scroll-margin-top:70px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.scroll-reveal{opacity:1;transform:none}}
