:root{--bg-primary: #0F141A;--bg-secondary: #171E26;--card-bg: rgba(23, 30, 38, .7);--accent-color: #3B82F6;--text-primary: #FFFFFF;--text-secondary: #9CA3AF;--border-color: rgba(59, 130, 246, .2);--font-main: "Inter", sans-serif;--glow-color: rgba(59, 130, 246, .25);--max-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:color .3s ease}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem max(2rem,calc((100% - var(--max-width)) / 2));width:100%;position:fixed;top:0;left:0;z-index:1000;background-color:#0f141ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);transition:all .3s ease}.logo{width:240px;height:40px;display:flex;align-items:center}.logo-svg{width:100%;height:100%;font-family:var(--font-main);font-weight:800;font-size:26px}.logo-text{fill:transparent;stroke:#fff;stroke-width:1px;stroke-dasharray:400;stroke-dashoffset:400;animation:drawLogo 8s ease-out infinite}.logo-text.accent{stroke:var(--accent-color);animation-delay:0s;stroke-dashoffset:400;animation:drawLogoAccent 8s ease-out infinite}@keyframes drawLogo{0%{stroke-dashoffset:400;fill:transparent;opacity:1}15%{stroke-dashoffset:0;fill:transparent;opacity:1}25%{stroke-dashoffset:0;fill:#fff;opacity:1}85%{stroke-dashoffset:0;fill:#fff;opacity:1}95%{stroke-dashoffset:0;fill:#fff;opacity:0}to{stroke-dashoffset:400;fill:transparent;opacity:0}}@keyframes drawLogoAccent{0%{stroke-dashoffset:400;fill:transparent;opacity:1}15%{stroke-dashoffset:400;fill:transparent;opacity:1}30%{stroke-dashoffset:0;fill:transparent;opacity:1}40%{stroke-dashoffset:0;fill:var(--accent-color);opacity:1}85%{stroke-dashoffset:0;fill:var(--accent-color);opacity:1}95%{stroke-dashoffset:0;fill:var(--accent-color);opacity:0}to{stroke-dashoffset:400;fill:transparent;opacity:0}}@keyframes glowPulse{0%{filter:drop-shadow(0 0 2px var(--accent-color))}to{filter:drop-shadow(0 0 8px var(--accent-color))}}.nav-links{display:none}@media(min-width:768px){.nav-links{display:flex;gap:2rem}.nav-links a:hover{color:var(--accent-color)}}.nav-links a{position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-color),transparent);transform:scaleX(0);transform-origin:center;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px var(--accent-color)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a:hover{color:#fff;text-shadow:0 0 8px var(--accent-color)}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:.95rem;position:relative;overflow:hidden}.btn-primary{background-color:var(--accent-color);color:#000;box-shadow:0 0 15px var(--glow-color)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.6),transparent);transform:skew(-25deg);transition:.5s}.btn-primary:hover:before{left:150%;transition:.7s}.btn-primary:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 0 25px var(--accent-color)}.btn-secondary{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary);margin-left:1rem}.btn-secondary:hover{border-color:var(--accent-color);box-shadow:0 0 10px var(--glow-color) inset;text-shadow:0 0 5px var(--accent-color)}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:8rem 2rem 6rem;position:relative;overflow:hidden}.hero-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);z-index:-1;pointer-events:none}.hero-title{font-size:3rem;line-height:1.1;font-weight:800;margin-bottom:1.5rem;max-width:800px;position:relative;z-index:2}#hero-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-subtitle{color:var(--text-secondary);font-size:1.125rem;max-width:600px;margin-bottom:2.5rem}@media(min-width:768px){.hero-title{font-size:4.5rem}}.section{padding:6rem 2rem;max-width:var(--max-width);margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-desc{color:var(--text-secondary)}.grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.cards-grid{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--card-bg);padding:2rem;border-radius:12px;border:1px solid var(--border-color);transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(59,130,246,.1),transparent);transition:.6s;pointer-events:none}.card:hover:before{left:100%}.card:hover{transform:translateY(-8px);border-color:var(--accent-color);box-shadow:0 0 20px var(--glow-color),0 0 10px #3b82f61a inset}.card-icon{font-size:2rem;margin-bottom:1.5rem;filter:drop-shadow(0 0 5px var(--glow-color));transition:transform .3s ease}.card:hover .card-icon{transform:scale(1.1);filter:drop-shadow(0 0 15px var(--accent-color))}.card h3{margin-bottom:.75rem;font-weight:600;transition:color .3s ease}.card:hover h3{color:var(--accent-color);text-shadow:0 0 8px var(--glow-color)}.card p{color:var(--text-secondary);font-size:.9rem}.steps-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(4,1fr)}}.step{position:relative;padding:1.5rem;border-radius:12px;transition:background-color .3s ease}.step:hover{background-color:#3b82f60d}.step-number{font-size:3rem;font-weight:800;color:#fff;margin-bottom:-.5rem;z-index:0;opacity:.3;transition:all .3s ease}.step:hover .step-number{opacity:1;color:var(--accent-color);text-shadow:0 0 15px var(--accent-color);transform:translate(5px)}.step h3{position:relative;z-index:1;margin-bottom:.75rem;color:var(--text-primary);display:inline-block}.step h3:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;box-shadow:0 0 8px var(--accent-color)}.step:hover h3:after{transform:scaleX(1)}.step p{color:var(--text-secondary);font-size:.9rem}.footer{border-top:1px solid var(--border-color);padding:4rem 2rem;margin-top:4rem;background-color:var(--bg-secondary)}.footer-content{max-width:var(--max-width);margin:0 auto;display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem}@media(min-width:768px){.footer-content{flex-direction:row;justify-content:space-between}}.footer-brand p{color:var(--text-secondary);margin-top:.5rem}.footer-links{display:flex;gap:4rem}.link-group h4{margin-bottom:1rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.link-group a{display:block;margin-bottom:.5rem;color:var(--text-primary)}.link-group a:hover{color:var(--accent-color)}.footer-bottom{max-width:var(--max-width);margin:0 auto;text-align:center;color:var(--text-secondary);font-size:.875rem}.cta-section{text-align:center;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:20px;margin:4rem auto;border:1px solid var(--border-color)}.cta-content h2{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(90deg,#3b82f6 0% 40%,#fff 50%,#3b82f6 60% 100%);background-size:200% auto;color:#fff;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:lightTrail 3s linear infinite}@keyframes lightTrail{0%{background-position:100% center}to{background-position:-100% center}}.cta-content p{color:var(--text-secondary);margin-bottom:2rem}.modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0f141ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.modal.visible{display:flex;opacity:1}.modal-content{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;width:90%;max-width:500px;position:relative;box-shadow:0 0 40px #00000080,0 0 20px var(--glow-color);transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}.modal.visible .modal-content{transform:scale(1)}.close-modal{color:var(--text-secondary);float:right;font-size:2rem;font-weight:700;cursor:pointer;line-height:1;transition:color .3s}.close-modal:hover{color:var(--accent-color);text-shadow:0 0 10px var(--accent-color)}.modal-content h2{margin-bottom:.5rem;color:#fff}.modal-content p{color:var(--text-secondary);margin-bottom:2rem;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem 1rem;background-color:#0003;border:1px solid var(--border-color);border-radius:8px;color:#fff;font-family:var(--font-main);font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px var(--glow-color) inset;background-color:#3b82f60d}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff3}