@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#f5f5f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090f;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit}.portfolio{background:radial-gradient(at 75% 30%,#5b28aa1a,#0000 38%),#09090f;min-height:100vh;overflow:hidden}.navbar{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;max-width:1440px;height:86px;margin:auto;padding:0 7%;display:flex}.logo{letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700}.logo span:first-child,.logo-dot,.accent-dot{color:#a78bfa}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:#9999a8;font-size:13px;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-button,.primary-button{color:#fff;background:linear-gradient(110deg,#8b5cf6,#6d45d9);border-radius:7px;align-items:center;gap:14px;padding:13px 20px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-flex}.nav-button:hover,.primary-button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8b5cf64d}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;max-width:1440px;min-height:690px;margin:auto;padding:90px 7% 75px;display:grid}.hero-content{z-index:2;position:relative}.availability{color:#c4b5fd;letter-spacing:1.4px;background:#8b5cf612;border:1px solid #8b5cf64d;border-radius:30px;align-items:center;gap:9px;margin-bottom:38px;padding:9px 14px;font-size:10px;display:inline-flex}.status-dot{background:#a78bfa;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #a78bfa}.hero-intro{color:#a78bfa;letter-spacing:3px;margin-bottom:18px;font-size:12px;font-weight:700}.hero h1{letter-spacing:-3.5px;font-family:Space Grotesk,sans-serif;font-size:clamp(43px,5.3vw,76px);font-weight:700;line-height:1.08}.gradient-text{background:linear-gradient(100deg,#a78bfa,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:#9999a8;max-width:540px;margin-top:26px;font-size:15px;line-height:1.9}.hero-actions{align-items:center;gap:16px;margin-top:32px;display:flex}.primary-button{padding:15px 22px}.secondary-button{color:#e4e4e7;border:1px solid #ffffff26;border-radius:7px;padding:14px 22px;font-size:13px;transition:background .3s,border .3s}.secondary-button:hover{background:#ffffff0f;border-color:#a78bfa}.hero-stats{border-top:1px solid #ffffff17;gap:48px;margin-top:62px;padding-top:28px;display:flex}.hero-stats h3{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.hero-stats h3 span{color:#a78bfa}.hero-stats p{color:#777786;margin-top:7px;font-size:11px}.hero-visual{justify-content:center;align-items:center;min-height:470px;display:flex;position:relative}.glow{filter:blur(100px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.glow-one{background:#7c3aed3b;top:60px;left:70px}.glow-two{background:#2563eb26;bottom:20px;right:20px}.code-card{z-index:1;background:#14131fe6;border:1px solid #a78bfa47;border-radius:14px;width:min(100%,430px);position:relative;transform:rotate(-3deg);box-shadow:0 25px 90px #0006}.code-card-header,.code-card-footer{color:#858597;align-items:center;gap:12px;padding:17px 22px;font-size:11px;display:flex}.code-card-header{border-bottom:1px solid #ffffff12;justify-content:space-between}.window-dots{gap:6px;display:flex}.window-dots span{background:#8b5cf6;border-radius:50%;width:8px;height:8px}.window-dots span:nth-child(2){background:#60a5fa}.window-dots span:nth-child(3){background:#34d399}.code-content{color:#e4e4ed;padding:30px 25px;font-family:Consolas,monospace;font-size:13px;line-height:2.4}.indent{padding-left:22px}.double-indent{padding-left:44px}.code-purple{color:#c4a5fd}.code-blue{color:#7dd3fc}.code-green{color:#86efac}.code-orange{color:#fdba74}.code-card-footer{border-top:1px solid #ffffff12}.floating-tag{z-index:3;white-space:nowrap;color:#ddd6fe;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181626f2;border:1px solid #a78bfa4d;border-radius:30px;align-items:center;gap:8px;padding:11px 15px;font-size:11px;font-weight:600;animation:4s ease-in-out infinite floatTag;display:inline-flex;position:absolute;box-shadow:0 8px 30px #0000004d}.tag-icon{font-size:15px}.tag-android{border-color:#34d39980;animation-delay:0s;top:45px;left:-15px}.tag-kotlin{border-color:#22d3ee80;animation-delay:.5s;bottom:75px;right:-15px}.tag-react{border-color:#8b5cf699;animation-delay:1s;top:5px;right:5px}.tag-agents{border-color:#60a5fa99;animation-delay:1.5s;top:155px;right:-35px}.tag-rag{border-color:#c084fc99;animation-delay:2s;bottom:155px;left:-35px}.tag-ai{border-color:#a78bfa80;animation-delay:2.5s;bottom:5px;left:25px}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.placeholder-section{border-top:1px solid #ffffff12;max-width:1440px;min-height:300px;margin:auto;padding:100px 7%}.placeholder-section span{color:#a78bfa;letter-spacing:2px;font-size:11px}.placeholder-section h2{margin-top:20px;font-family:Space Grotesk,sans-serif;font-size:clamp(28px,4vw,42px)}.footer{text-align:center;color:#777786;border-top:1px solid #ffffff12;padding:28px 7%;font-size:12px}@media (width<=1000px){.nav-links{gap:16px}.hero{grid-template-columns:1fr .9fr;padding-left:5%;padding-right:5%}.hero-stats{gap:25px}}@media (width<=760px){.navbar{flex-wrap:wrap;gap:18px;height:auto;min-height:75px;padding:20px 6%}.nav-links{order:3;width:100%;padding:5px 0;overflow-x:auto}.nav-links a{white-space:nowrap}.nav-button{padding:10px 13px}.hero{grid-template-columns:1fr;padding:65px 6% 50px}.hero h1{letter-spacing:-2px}.hero-visual{min-height:400px;margin-top:10px}.hero-stats{flex-wrap:wrap;gap:22px;margin-top:42px}.hero-stats h3{font-size:19px}.tag-android{top:20px;left:0}.tag-react{top:0;right:0}.tag-agents{top:125px;right:0}.tag-rag{bottom:130px;left:0}.tag-kotlin{bottom:65px;right:0}.tag-ai{bottom:0;left:10px}}@media (width<=420px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions a{text-align:center;justify-content:center}.hero-stats{gap:18px}.code-content{padding:25px 16px;font-size:11px}}