@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,300;12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-main:#06040f;--bg-main-rgb:6, 4, 15;--bg-gradient:radial-gradient(ellipse 80% 60% at 20% 10%, #8a2be240 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 5%, #f363 0%, transparent 55%), radial-gradient(ellipse 70% 70% at 50% 90%, #4a00e033 0%, transparent 60%), radial-gradient(ellipse 50% 40% at 85% 60%, #ff99331a 0%, transparent 50%), #06040f;--primary:#f36;--secondary:#8a2be2;--accent:#f93;--cyan:#00e5ff;--primary-gradient:linear-gradient(135deg, #f36 0%, #f93 100%);--secondary-gradient:linear-gradient(135deg, #8a2be2 0%, #4a00e0 100%);--accent-gradient:linear-gradient(135deg, #bef264 0%, #65a30d 100%);--text-main:#fff;--text-muted:#ffffff8c;--border-color:#ffffff14;--glass-bg:#ffffff0a;--glass-bg-strong:#ffffff12;--glass-border:1px solid #ffffff14;--glass-blur:blur(20px);--glass-shadow:0 8px 40px #00000080, inset 0 1px 0 #ffffff12;--nav-bg:#07070ad9;--nav-border:#ffffff0d;--pill-bg:#ffffff0a;--pill-border:1px solid #ffffff1a;--footer-bg:#06040f66;--font-hero:"Bricolage Grotesque", sans-serif;--font-sans:"Plus Jakarta Sans", sans-serif}[data-theme=light]{--bg-main:#fff;--bg-main-rgb:255, 255, 255;--accent-gradient:linear-gradient(135deg, #84cc16 0%, #4d7c0f 100%);--text-main:#000;--text-muted:#444;--border-color:#0000001a;--glass-bg:#0000000a;--glass-bg-strong:#0000000f;--glass-border:1px solid #0000001a;--glass-shadow:0 8px 30px #0000000f;--pill-bg:#0000000d;--pill-border:1px solid #00000014;--footer-bg:#fff9;--nav-bg:#ffffffe6;--nav-border:#00000014;--bg-gradient:radial-gradient(ellipse 80% 60% at 20% 10%, #8a2be20d 0%, transparent 60%), radial-gradient(ellipse 60% 50% at 80% 5%, #ff33660d 0%, transparent 55%), #fff}*{box-sizing:border-box;color:inherit;margin:0;padding:0}html{scroll-behavior:smooth;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{width:100%;position:relative;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6}#root{width:100%;overflow-x:hidden}body:before{content:"";background:var(--bg-gradient);z-index:-2;pointer-events:none;animation:12s ease-in-out infinite alternate bgShift;position:fixed;inset:0}@keyframes bgShift{0%{opacity:1}50%{opacity:.85}to{opacity:1}}body:after{content:"";background:radial-gradient(circle, var(--orb-color-1,#8a2be24d) 0%, transparent 65%);z-index:-1;pointer-events:none;width:700px;height:700px;visibility:var(--orb-visibility,visible);animation:15s ease-in-out infinite floatOrb;position:fixed;top:-200px;left:-200px}@keyframes floatOrb{0%,to{transform:translate(0)}33%{transform:translate(80px,50px)}66%{transform:translate(-40px,120px)}}h1,h2,h3,h4,h5,h6{line-height:1.15;font-family:var(--font-hero)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.container{max-width:1300px;margin:0 auto;padding:0 2.5rem}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.glass-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(30px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:24px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;transition:all .4s}.glass-card:hover{background:#ffffff12;border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 0 1px #ff33661a}.btn-primary{background:var(--primary-gradient);color:#fff;font-weight:700;font-family:var(--font-sans);letter-spacing:.01em;border:none;border-radius:40px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #f366,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 32px #f369,inset 0 1px #fff3}.btn-outline{-webkit-backdrop-filter:blur(10px);color:var(--text-main);font-weight:600;font-family:var(--font-sans);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:40px;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;transition:all .3s;display:inline-flex;box-shadow:inset 0 1px #ffffff12}.btn-outline:hover{background:#ffffff17;border-color:#ffffff40;transform:translateY(-3px)}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-purple{background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.marquee-container{white-space:nowrap;background:var(--primary-gradient);z-index:10;align-items:center;width:100%;padding:1.25rem 0;display:flex;position:relative;overflow:hidden}.marquee-muted{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#ffffff08!important}.marquee-content{align-items:center;gap:3rem;animation:24s linear infinite marquee;display:inline-flex}.marquee-item{color:#fff;text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:1.25rem;font-size:1.1rem;font-weight:700;display:flex}.marquee-item:after{content:"✦";color:#ffffff80;font-size:.75rem}.marquee-item-brand-star:after{content:"★";color:var(--primary);font-size:1rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.hover-scale{transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s}.hover-scale:hover{transform:translateY(-6px);box-shadow:0 20px 50px #0009}.orb{filter:blur(80px);pointer-events:none;z-index:0;visibility:var(--orb-visibility,visible);border-radius:50%;position:absolute}.orb-pink{background:var(--orb-color-1,#ff336640);width:500px;height:500px}.orb-purple{background:var(--orb-color-2,#8a2be240);width:600px;height:600px}.orb-orange{background:#ff993326;width:400px;height:400px}.section-tag{color:var(--primary);text-transform:uppercase;letter-spacing:.1em;background:#ff33661a;border:1px solid #ff336640;border-radius:30px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.sticky-card{z-index:1;margin-bottom:2rem;position:sticky;top:100px}.input-glass{background:var(--pill-bg);-webkit-backdrop-filter:blur(10px);border:var(--pill-border);width:100%;color:var(--text-main);font-family:var(--font-sans);border-radius:14px;outline:none;padding:1rem 1.5rem;font-size:1rem;transition:all .3s}.input-glass:focus{background:var(--glass-bg-strong);border-color:#ff336680;box-shadow:0 0 0 4px #ff33661a}.input-glass::placeholder{color:var(--text-muted);opacity:.6}.footer-logo-text{font-family:var(--font-hero);color:var(--text-muted);opacity:.15;text-align:center;-webkit-user-select:none;user-select:none;letter-spacing:-.03em;font-size:clamp(5rem,18vw,18rem);font-weight:800;line-height:.8}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#f366;border-radius:3px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes revealUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards revealUp}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}@media (width<=1200px){.container{max-width:95%;padding:0 1.5rem}}@media (width<=992px){:root{--glass-blur:blur(12px)}.sticky-card{position:relative;top:0!important}}@media (width<=768px){.container{padding:0 1.25rem}.btn-primary,.btn-outline{justify-content:center;width:100%;padding:.75rem 1.5rem;font-size:.95rem}.glass-card,.glass-strong{padding:1.5rem!important}.section-tag{padding:.3rem .8rem;font-size:.7rem}.marquee-container{padding:.8rem 0}.marquee-item{gap:.8rem;font-size:.9rem}}@media (width<=480px){:root{--glass-blur:blur(8px)}.container{padding:0 1rem}}.hover-scale:hover .portfolio-img{transform:scale(1.05)}.hover-scale:hover .portfolio-btn{transform:scale(1.05);background:var(--primary-gradient)!important;border-color:#0000!important;box-shadow:0 10px 25px #f366!important}.hover-scale:hover .portfolio-btn svg{transform:translate(3px)}