@font-face{font-family:Gunsan;src:url(/fonts/Gunsan.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Unbounded;src:url(/fonts/Unbounded-Regular.woff2) format("woff2");font-weight:400;font-style:normal}:root{--bg-color: #f7f5fd;--text-color: #1a152e;--accent-color: #7c3aed;--accent-color-hover: #6d28d9;--accent-lime: #bef264;--accent-lime-dark: #65a30d;--font-display: "Gunsan", Georgia, serif;--font-body: "Unbounded", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{display:none}body{background:linear-gradient(135deg,#f4f0fa,#faf9fc,#f7fbf0);color:var(--text-color);font-family:var(--font-body);overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}.bg-blob{position:fixed;border-radius:50%;z-index:0;pointer-events:none;filter:blur(130px);opacity:.55;transition:all 1s ease}.purple-blob{top:-10%;right:-5%;width:50vw;height:50vw;background:radial-gradient(circle,#c084fc66,#e0ccfa0d)}.yellow-blob{bottom:-10%;left:-5%;width:45vw;height:45vw;background:radial-gradient(circle,#d9f99d66,#f4f0fa0d)}.tree-bg-aura{position:fixed;top:50%;left:55%;transform:translate(-50%,-50%);width:55vw;height:55vw;max-width:750px;max-height:750px;border-radius:50%;background:radial-gradient(circle,#ebe6ffa6,#f0eeff40 50%,#fff0 75%);z-index:0;pointer-events:none;filter:blur(20px)}@media (max-width: 768px){.tree-bg-aura{left:50%;top:40%;width:80vw;height:80vw}}#scene-canvas{position:fixed;top:0;left:0;z-index:1;pointer-events:all}#content{position:relative;z-index:2;pointer-events:none}section{min-height:100vh;padding:8vw 10vw;display:flex;flex-direction:column;justify-content:center;pointer-events:none}body.locked{overflow:hidden}.section-content{max-width:600px;pointer-events:all;display:flex;flex-direction:column;transform:translateY(30px);opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)}.section-content.visible{opacity:1;transform:translateY(0)}body.apple-zoom{isolation:isolate}body.apple-zoom #content{mix-blend-mode:difference}body.apple-zoom .section-content.visible{transform:none}body.apple-zoom .section-content.visible h1,body.apple-zoom .section-content.visible h2{color:#fff;-webkit-text-stroke:1.15px #111111;paint-order:stroke fill}body.apple-zoom .section-content.visible p{color:#fff;-webkit-text-stroke:.7px #111111;paint-order:stroke fill}body.apple-zoom .section-content.visible h1 .highlight,body.apple-zoom .section-content.visible h2 .highlight{color:#fff}body.apple-zoom .apple-zoom-ui-hidden{visibility:hidden}.apple-zoom-ui-clone{position:fixed;margin:0!important;z-index:5;pointer-events:none}.section-badge{font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--accent-color);background:#7c3aed14;border:1px solid rgba(124,58,237,.15);padding:6px 16px;border-radius:100px;align-self:flex-start;margin-bottom:1.5rem;text-transform:uppercase}h1,h2{font-family:var(--font-display);font-weight:600;color:var(--accent-color);line-height:1.15;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.08em}h1{font-size:clamp(3rem,6.5vw,4.8rem)}h2{font-size:clamp(2rem,4.5vw,3.5rem)}h1 .highlight,h2 .highlight{font-family:var(--font-display);color:var(--accent-color);position:relative}h1 .highlight:after,h2 .highlight:after{content:"";display:inline-block;width:8px;height:8px;background-color:var(--accent-lime-dark);border-radius:50%;margin-left:4px}p{font-size:1.15rem;color:#475569;max-width:44ch;line-height:1.7;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.btn{font-family:var(--font-body);font-size:.95rem;font-weight:600;padding:.85rem 1.8rem;border-radius:100px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:var(--accent-color);color:#fff;border:none;box-shadow:0 4px 14px #7c3aed4d}.btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed66}.btn-primary .arrow{transition:transform .3s ease}.btn-primary:hover .arrow{transform:translate(4px)}.btn-secondary{background:#fff;color:#334155;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-secondary .play-icon{display:inline-flex;align-items:center;color:var(--accent-color)}.hero-footer-badges{display:flex;align-items:center;gap:.8rem;font-size:.85rem;color:#64748b;font-weight:500}.hero-footer-badges span{display:inline-flex;align-items:center;gap:.35rem}.hero-footer-badges .check-icon{display:inline-flex;color:#10b981}.hero-footer-badges .lock-icon{display:inline-flex;color:#64748b}.hero-footer-badges .dot-separator{color:#cbd5e1}.skill-cards-row{display:flex;gap:1rem;margin-top:1rem;flex-wrap:wrap}section:nth-child(2n) .skill-cards-row{justify-content:flex-end;width:100%}.skill-mini-card{display:flex;align-items:center;gap:.75rem;padding:.45rem 1.25rem .45rem .45rem;border-radius:100px;font-family:var(--font-body);font-weight:500;font-size:.9rem;white-space:nowrap;box-shadow:0 8px 24px #1e153314}.skill-mini-card:first-child{background:linear-gradient(135deg,#7c3aed,#6366f1 55%,#3b82f6);color:#fff;border:1px solid rgba(255,255,255,.22)}.skill-mini-card:last-child{background:#fff;color:#1e293b;border:1.5px solid var(--accent-lime);box-shadow:0 8px 24px #1e15330f}.mini-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.skill-mini-card:first-child .mini-icon{background:#ffffff38;color:#fff}.skill-mini-card:last-child .mini-icon{background:var(--accent-lime);color:#334155}.mini-icon svg,.play-icon svg,.check-icon svg,.lock-icon svg{display:block}.icon-blue{background:#e0f2fe;color:#0284c7}.icon-green{background:#dcfce7;color:#16a34a}.icon-purple{background:#f3e8ff;color:#9333ea}.icon-yellow{background:#fef9c3;color:#ca8a04}@media (max-width: 768px){section{padding:5.5rem 1.25rem 1.5rem;justify-content:flex-start;align-items:stretch}.section-content{max-width:100%;width:100%}section:nth-child(2n) .section-content{align-self:stretch}section:not(#hero) h2{font-size:clamp(1.85rem,9vw,2.35rem);margin-bottom:.85rem}section:not(#hero) p{font-size:.98rem;line-height:1.6;margin-bottom:.75rem}section:not(#hero) .section-badge{font-size:.62rem;padding:5px 12px;margin-bottom:.85rem}section:not(#hero) .skill-cards-row{flex-wrap:nowrap;gap:.5rem;margin-top:.35rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start!important;width:100%}section:not(#hero) .skill-cards-row::-webkit-scrollbar{display:none}section:not(#hero) .skill-mini-card{padding:.4rem 1rem .4rem .4rem;font-size:.78rem;flex-shrink:0;gap:.55rem}section:not(#hero) .mini-icon{width:30px;height:30px}#hero h1{font-size:clamp(2.25rem,11vw,3rem)}#hero p{font-size:1rem}.hero-actions{margin-bottom:1.25rem}.scroll-hint{bottom:1.25rem;font-size:.68rem}#social-box{top:auto;bottom:1.5rem;right:1rem;left:1rem;width:auto;transform:translateY(24px)}#social-box.visible{transform:translateY(0)}#social-box .close-btn{width:44px;height:44px;top:.75rem;right:.75rem;font-size:1.35rem}}section:nth-child(2n) .section-content{align-self:flex-end}#main-nav{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4rem;z-index:100;background:#f4f0fa66;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(30,21,51,.04)}.nav-logo a{font-family:var(--font-body);font-size:1rem;font-weight:800;letter-spacing:.2em;color:#0f172a;text-decoration:none}.nav-middle-links{display:flex;gap:2rem}.nav-middle-links a{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:#475569;text-decoration:none;transition:color .3s ease}.nav-middle-links a:hover{color:var(--accent-color)}.nav-links{display:flex;align-items:center;gap:2rem}.nav-link-secondary{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:#475569;text-decoration:none;transition:color .3s ease}.nav-link-secondary:hover{color:var(--accent-color)}.btn-get-started{background:var(--accent-lime);color:#274c05;font-family:var(--font-body);font-size:.85rem;font-weight:700;padding:.65rem 1.4rem;border-radius:100px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 10px #a3e63533}.btn-get-started:hover{background:#a3e635;transform:translateY(-1px);box-shadow:0 6px 14px #a3e6354d}@media (max-width: 900px){#main-nav{padding:1.2rem 2rem}.nav-middle-links{display:none}}#apple-tooltip{position:fixed;pointer-events:none;z-index:1000;white-space:nowrap;font-family:var(--font-body);font-weight:700;font-size:.8rem;color:#fff;padding:6px 12px;border-radius:8px;box-shadow:0 10px 25px #00000026;text-transform:uppercase;letter-spacing:.05em;opacity:0;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s cubic-bezier(.19,1,.22,1),transform .3s cubic-bezier(.19,1,.22,1)}#apple-tooltip.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}#social-box{position:fixed;top:50%;right:6vw;transform:translateY(-50%) translate(40px);width:350px;background:#ffffffeb;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:2.5rem;z-index:200;color:var(--text-color);opacity:0;pointer-events:none;transition:opacity .6s ease,transform .8s cubic-bezier(.16,1,.3,1);box-shadow:0 30px 60px #1e15331f;display:flex;flex-direction:column;overflow:hidden}#social-box:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--social-accent, var(--accent-color));border-radius:24px 24px 0 0}#social-box.visible{opacity:1;pointer-events:all;transform:translateY(-50%) translate(0)}#social-box .close-btn{position:absolute;top:1.2rem;right:1.2rem;background:#0000000d;border:none;color:#334155;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;font-size:1.1rem;transition:all .3s ease}#social-box .close-btn:hover{background:var(--accent-color);color:#fff}#social-box h3{font-family:var(--font-display);font-size:1.6rem;margin-bottom:1rem;color:#090d16}#social-box p{font-size:.95rem;line-height:1.6;color:#1e293b;margin-bottom:2rem}#social-box .social-link{display:flex;align-items:center;justify-content:center;color:#fff;background:var(--social-accent, var(--accent-color));text-decoration:none;font-family:var(--font-body);font-weight:700;font-size:.9rem;padding:.9rem;border-radius:100px;transition:all .3s ease;box-shadow:0 4px 10px color-mix(in srgb,var(--social-accent, var(--accent-color)) 28%,transparent)}#social-box .social-link:hover{background:color-mix(in srgb,var(--social-accent, var(--accent-color)) 82%,black);box-shadow:0 6px 14px color-mix(in srgb,var(--social-accent, var(--accent-color)) 36%,transparent);transform:translateY(-1px)}.scroll-hint{position:fixed;bottom:2rem;left:50%;width:max-content;max-width:none;white-space:nowrap;transform:translate(-50%);font-family:var(--font-body);font-size:.75rem;font-weight:700;color:#64748b;opacity:.8;letter-spacing:.15em;z-index:10;text-transform:uppercase;animation:pulse 2.5s infinite ease-in-out}@keyframes pulse{0%,to{opacity:.4;transform:translate(-50%)}50%{opacity:.9;transform:translate(-50%,-4px)}}#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#f4f0fa;z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.16,1,.3,1),visibility .8s}.loader-container{display:flex;flex-direction:column;align-items:center}.ring-loader{position:relative;width:80px;height:80px}.ring-loader span{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(calc(18deg * var(--i)))}.ring-loader span:before{content:"";position:absolute;top:0;left:0;width:8px;height:8px;border-radius:50%;background-color:var(--accent-color);box-shadow:0 0 10px var(--accent-color);animation:animateRingSpan 1.8s linear infinite calc(.09s * var(--i))}@keyframes animateRingSpan{0%{transform:scale(1);opacity:1}80%,90%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}#loader.fade-out{opacity:0;visibility:hidden}
