@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg: #060a0f;--panel: rgba(12, 18, 26, .7);--border: rgba(255, 255, 255, .06);--text: #f4f6fb;--muted: #9db2c9;--accent: #50e3c2;--accent-2: #ffb347;--accent-dim: rgba(80, 227, 194, .15);--accent2-dim: rgba(255, 179, 71, .15);--selection-bg: rgba(80, 227, 194, .25);--tag-bg: rgba(255, 255, 255, .05);--card-bg: rgba(255, 255, 255, .03);--input-bg: rgba(255, 255, 255, .04);--shadow: 0 15px 45px rgba(0, 0, 0, .35);--radius: 18px;--nav-bg: rgba(6, 10, 15, .8);font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);transition:background-color .3s ease,color .3s ease}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #50e3c280}50%{box-shadow:0 0 40px #50e3c2cc}}[data-theme=light]{--bg: #f8f9fb;--panel: rgba(245, 247, 251, .95);--border: rgba(0, 0, 0, .08);--text: #0f1419;--muted: #5a6b7d;--accent: #0ea89c;--accent-2: #ff9d38;--accent-dim: rgba(14, 168, 156, .15);--accent2-dim: rgba(255, 157, 56, .15);--selection-bg: rgba(14, 168, 156, .25);--tag-bg: rgba(0, 0, 0, .04);--card-bg: rgba(0, 0, 0, .02);--input-bg: rgba(0, 0, 0, .04);--shadow: 0 8px 24px rgba(0, 0, 0, .12);--nav-bg: rgba(248, 249, 251, .9)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% 20%,rgba(80,227,194,.2),transparent 25%),radial-gradient(circle at 80% 0%,rgba(255,179,71,.15),transparent 25%),linear-gradient(145deg,#05070d,#0b101a);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .3s ease,color .3s ease}[data-theme=light] body{background:radial-gradient(circle at 10% 20%,rgba(14,168,156,.08),transparent 25%),radial-gradient(circle at 80% 0%,rgba(255,157,56,.06),transparent 25%),linear-gradient(145deg,#f8f9fb,#f0f3f9)}::selection{background:var(--selection-bg);color:var(--text)}a{color:inherit;text-decoration:none}.shell{max-width:1200px;margin:0 auto;padding:32px 20px 80px}.nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:2px solid var(--accent);transition:all .3s ease}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:18px 20px}.brand{font-weight:700;letter-spacing:.6px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:transform .2s ease}.brand:hover{transform:scale(1.05)}.pulse{width:12px;height:12px;border-radius:50%;background:linear-gradient(120deg,var(--accent),var(--accent-2));animation:pulse-glow 2s ease-in-out infinite}.nav-links{display:flex;gap:18px;font-size:14px;color:var(--muted)}.nav-links a{position:relative;transition:color .2s ease;padding:8px 12px;border-radius:8px}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.nav-links a:hover{color:var(--accent)}.nav-links a:hover:before{width:100%}.theme-toggle{background:none;border:2px solid var(--accent);border-radius:50%;width:44px;height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);transition:all .3s ease;font-size:24px}.theme-toggle:hover{border-color:var(--accent-2);transform:rotate(20deg) scale(1.1);animation:rotate-slow 1s linear;box-shadow:0 0 20px var(--accent-dim)}.theme-toggle:active{transform:rotate(360deg) scale(.95)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;gap:6px;padding:0;width:30px;height:24px}.hamburger span{width:100%;height:2px;background:var(--text);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(10px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-10px)}.hero{margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;min-height:60vh}.hero>div:first-child{padding:20px}.floating-card{width:280px;height:320px;background:linear-gradient(135deg,var(--accent-dim),var(--accent2-dim));border:2px solid var(--accent);border-radius:24px;padding:24px;animation:float 4s ease-in-out infinite;position:relative;overflow:hidden;margin:0 auto}.floating-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);animation:rotate-slow 3s linear infinite}.floating-card-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:space-between;color:var(--text);text-align:center}.floating-card h3{margin:0;font-size:28px;color:var(--accent)}.floating-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.badge{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:50px;background:var(--accent-dim);color:var(--accent);font-weight:600;font-size:13px;border:2px solid var(--accent);animation:bounce 2s ease-in-out infinite;transition:all .2s ease}.badge:hover{transform:scale(1.05);box-shadow:0 0 20px var(--accent-dim)}.eyebrow{color:var(--muted);letter-spacing:1px;font-size:12px;text-transform:uppercase}h1{font-size:clamp(42px,8vw,64px);line-height:1.1;margin:16px 0 18px;color:var(--accent);animation:float 5s ease-in-out infinite}.subtitle{color:var(--muted);font-size:17px;line-height:1.6;margin:0 0 24px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:12px;border:2px solid var(--accent);background:linear-gradient(120deg,var(--accent-dim),var(--accent2-dim));color:var(--text);box-shadow:var(--shadow);font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta:hover:before{left:100%}.cta.secondary{background:var(--card-bg);border-color:var(--border);color:var(--text)}.cta:hover{transform:translateY(-3px);border-color:var(--accent-2);box-shadow:0 0 30px var(--accent-dim)}.cta:active{transform:scale(.95)}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.panel{background:var(--panel);border:2px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);transition:all .3s ease;position:relative}.panel:hover{border-color:var(--accent);background:#50e3c208;transform:translateY(-4px);box-shadow:0 0 30px var(--accent-dim)}.highlight{display:grid;gap:16px}.highlight-row{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--accent)}.tag{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:50px;background:var(--tag-bg);color:var(--muted);font-size:12px;transition:all .2s ease;cursor:default;border:1px solid var(--border)}.tag:hover{background:var(--accent-dim);color:var(--accent);transform:scale(1.1);border-color:var(--accent)}.section{margin-top:88px;animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section h2{margin:0 0 12px;font-size:36px;color:var(--accent)}.section p{margin:0 0 20px;color:var(--muted);line-height:1.6;font-size:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:24px}.card{border-radius:var(--radius);padding:24px;background:var(--card-bg);border:2px solid var(--border);display:grid;gap:12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:0;background:linear-gradient(45deg,var(--accent-dim),var(--accent2-dim));border-radius:var(--radius);opacity:0;transition:opacity .3s ease;z-index:-1}.card:hover{transform:translateY(-12px) rotate(1deg);border-color:var(--accent);box-shadow:0 15px 40px var(--accent-dim)}.card:hover:after{opacity:.3}.card h3{margin:0;font-size:20px;color:var(--accent)}.card p{margin:0;color:var(--muted);line-height:1.5;font-size:15px}.row{display:flex;gap:8px;flex-wrap:wrap}.link{color:var(--accent);font-weight:600;font-size:14px;position:relative;display:inline-block}.link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent);transition:width .3s ease}.link:hover:after{width:100%}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:24px}.about-card{display:grid;gap:12px;padding:24px;border-radius:var(--radius);background:var(--card-bg);border:2px solid var(--border);transition:all .3s ease;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(80,227,194,.1),transparent);transition:left .5s ease}.about-card:hover{border-color:var(--accent);background:#50e3c208;transform:translateY(-6px);box-shadow:0 10px 30px var(--accent-dim)}.about-card:hover:before{left:100%}.about-card h3{margin:0;font-size:18px;color:var(--accent);position:relative;z-index:1}.about-card p{margin:0;font-size:14px;line-height:1.6;color:var(--muted);position:relative;z-index:1}.contact-form{display:grid;gap:16px;max-width:600px}.field{display:grid;gap:8px}.field label{font-size:14px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.field input,.field textarea{width:100%;padding:14px 16px;border-radius:12px;border:2px solid var(--border);background:var(--input-bg);color:var(--text);font-size:15px;font-family:inherit;transition:all .2s ease}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.field textarea{min-height:120px;resize:vertical}.contact-actions{display:flex;gap:10px;align-items:center}.contact-note{color:var(--muted);font-size:13px}.embed{overflow:hidden;border-radius:var(--radius);margin-top:16px;border:2px solid var(--border);padding:2px}.embed iframe{width:100%;border:none;display:block}.footer{margin-top:80px;border-top:2px solid var(--accent);padding-top:32px;color:var(--muted);font-size:14px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.footer a{color:var(--accent);font-weight:600;transition:all .2s ease;position:relative}.footer a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--accent-2);transition:width .3s ease}.footer a:hover{color:var(--accent-2)}.footer a:hover:after{width:100%}@media(max-width:768px){.hero{grid-template-columns:1fr;gap:32px;min-height:auto}.hero>div:last-child{order:-1}.floating-card{width:240px;height:300px}h1{font-size:36px}.section{margin-top:60px}.section h2{font-size:28px}.cards{grid-template-columns:1fr}.footer{grid-template-columns:1fr;gap:16px}.nav-inner{flex-wrap:nowrap;gap:12px}.hamburger{display:flex;order:2}.nav-links{position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);border-bottom:2px solid var(--accent);flex-direction:column;gap:8px;padding:16px 20px;max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:13px;order:3}.nav-links.open{max-height:300px}.shell{padding:20px 16px 60px}.cta-row{flex-direction:column}.cta{width:100%}}@media(max-width:480px){h1{font-size:28px}.cta-row{gap:8px}.cards{gap:16px}.section{margin-top:48px}.floating-card{width:200px;height:250px;font-size:14px}.theme-toggle{width:40px;height:40px;font-size:20px}.nav{border-bottom:1px solid var(--border)}}