@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}:root{--bg-main:#f8fafc;--bg-color:#f8fafc;--card-bg:#ffffffd1;--card-border:#fffffff2;--card-hover-border:#2563eb59;--glass-shadow:0 10px 30px -5px #0f172a0d, 0 2px 6px -1px #0f172a05, inset 0 1px 0 #fff;--glass-hover-shadow:0 20px 35px -5px #2563eb1a, inset 0 1px 0 #fff;--text-heading:#0f172a;--text-main:#334155;--text-muted:#64748b;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-glow:#2563eb1a;--orb-1:#2563eb26;--orb-2:#6366f11f;--orb-3:#0ea5e91f;--navbar-bg:#ffffffa6;--navbar-border:#e2e8f0b3}[data-theme=dark]{--bg-main:#0b0f19;--bg-color:#0b0f19;--card-bg:#111827b8;--card-border:#ffffff14;--card-hover-border:#38bdf866;--glass-shadow:0 15px 35px -5px #0006, inset 0 1px 0 #ffffff14;--glass-hover-shadow:0 20px 40px -5px #00000080, 0 0 20px #38bdf81f, inset 0 1px 0 #ffffff26;--text-heading:#f8fafc;--text-main:#cbd5e1;--text-muted:#94a3b8;--accent-color:#38bdf8;--accent-hover:#60a5fa;--accent-glow:#38bdf826;--orb-1:#38bdf82e;--orb-2:#6366f126;--orb-3:#0ea5e91f;--navbar-bg:#0b0f19b3;--navbar-border:#ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}html,body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7;position:relative;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body,.navbar,.card,.nav-menu,.glass-panel,footer{transition:background-color .4s,color .4s,border-color .4s,box-shadow .4s}h1,h2,h3,h4,h5,h6{color:var(--text-heading);font-weight:700}.ambient-background{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-orb{filter:blur(120px);opacity:.8;will-change:transform;border-radius:50%;animation:25s ease-in-out infinite alternate floatOrb;position:absolute}.orb-1{background:radial-gradient(circle, var(--orb-1) 0%, transparent 70%);width:650px;height:650px;animation-duration:28s;top:-150px;left:-100px}.orb-2{background:radial-gradient(circle, var(--orb-2) 0%, transparent 70%);width:750px;height:750px;animation-duration:32s;animation-delay:-6s;top:30%;right:-200px}.orb-3{background:radial-gradient(circle, var(--orb-3) 0%, transparent 70%);width:600px;height:600px;animation-duration:25s;animation-delay:-12s;bottom:-150px;left:20%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(40px,-25px)scale(1.06)}to{transform:translate(-30px,35px)scale(.95)}}.app-content-wrapper,.navbar,.container,.home-figma-wrapper,footer{z-index:1;position:relative}.navbar{background:var(--navbar-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);will-change:backdrop-filter;z-index:100;border-bottom:1px solid var(--navbar-border);justify-content:space-between;align-items:center;height:75px;padding:10px 60px;display:flex;position:sticky;top:0;transform:translateZ(0);box-shadow:0 4px 20px #00000008}[data-theme=dark] .navbar{box-shadow:0 4px 30px #0006}.nav-link{color:var(--text-main);border:1px solid #0000;border-radius:9999px;padding:8px 18px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover,.nav-link.active{color:var(--accent-color);background-color:var(--accent-glow);border-color:#2563eb33}.hamburger-btn{color:var(--text-heading);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .3s;display:none}.hamburger-btn:hover{color:var(--accent-color)}.btn-primary{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-hover) 100%);cursor:pointer;box-shadow:0 4px 18px var(--accent-glow);text-align:center;border:1px solid #ffffff40;border-radius:9999px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-block;color:#fff!important}.btn-primary:hover{box-shadow:0 8px 25px var(--accent-glow), 0 0 15px var(--accent-glow);transform:translateY(-2px)}.btn-outline{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-main);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);cursor:pointer;text-align:center;border-radius:9999px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-block}.btn-outline:hover{background-color:var(--accent-glow);border-color:var(--accent-color);box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-2px);color:var(--accent-color)!important}.btn-outline-figma{background-color:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--accent-color);cursor:pointer;text-align:center;border-radius:14px;padding:10px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 4px 14px #2563eb14;color:var(--accent-color)!important}.btn-outline-figma:hover{background-color:var(--accent-color);box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-2px);color:#fff!important}.container{max-width:1100px;margin:0 auto;padding:60px 20px;animation:.6s ease-out forwards fadeUp}.card,.glass-panel{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--glass-shadow);border-radius:24px;padding:30px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:hover{box-shadow:var(--glass-hover-shadow);border-color:var(--card-hover-border);transform:translateY(-6px)}.hero-blob-bg{background:linear-gradient(135deg, var(--accent-color) 0%, #3b82f64d 100%);filter:blur(12px);opacity:.75;z-index:1;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;width:85%;height:85%;animation:8s ease-in-out infinite alternate morphBlob;position:absolute;top:10%;left:10%}@keyframes morphBlob{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:40% 60% 50% 50%/40% 55% 45% 60%}to{border-radius:50% 50% 30% 70%/50% 35% 65% 50%}}.circle-social-btn{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:44px;height:44px;color:var(--text-main);border:1px solid var(--card-border);box-shadow:var(--glass-shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.15rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.circle-social-btn:hover{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 8px 25px var(--accent-glow);transform:translateY(-4px)scale(1.05);color:#fff!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}input,textarea,select{box-sizing:border-box;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--card-bg)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;color:var(--text-heading)!important;border:1px solid var(--card-border)!important;border-radius:14px!important;padding:12px 18px!important;font-family:Plus Jakarta Sans,sans-serif!important;font-size:.95rem!important;box-shadow:inset 0 2px 6px #0000000a!important}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color)!important;box-shadow:0 0 0 4px var(--accent-glow), inset 0 2px 4px #00000005!important}@media (width<=900px){.hamburger-btn{display:block}.navbar{height:65px;padding:10px 25px!important}.nav-menu{background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1.5px solid var(--card-border);border-radius:0 0 20px 20px;flex-direction:column;width:100%;position:absolute;top:65px;left:0;box-shadow:0 15px 30px #00000014;gap:12px!important;padding:20px 0!important;display:none!important}.nav-menu.open{display:flex!important}.nav-link{text-align:center;border-radius:12px;width:90%}}
