@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--bg-color: #0b1420;--bg-soft: #0f1f31;--text-primary: #e8edf4;--text-secondary: #9db0c6;--accent-primary: #58c4a8;--accent-secondary: #f6b86f;--accent-glow: rgba(88, 196, 168, .25);--surface-border: rgba(157, 176, 198, .2);--surface-subtle: rgba(255, 255, 255, .04);--surface-strong: rgba(255, 255, 255, .08);--gradient-primary: linear-gradient(130deg, #58c4a8 0%, #74aeea 55%, #f6b86f 100%);--font-heading: "Sora", "Segoe UI", sans-serif;--font-body: "Manrope", "Segoe UI", sans-serif}html{scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-body);background:radial-gradient(circle at 15% 20%,#203653 0%,transparent 35%),radial-gradient(circle at 85% 15%,#1d2f4b 0%,transparent 30%),linear-gradient(180deg,#08111b,#0b1420);color:var(--text-primary);overflow-x:hidden;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}#root,.main-container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}.main-container{min-height:100vh;display:flex;flex-direction:column;position:relative}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;transform-origin:0 50%;background:linear-gradient(90deg,#58c4a8,#74aeea 55%,#f6b86f);z-index:1200;box-shadow:0 0 18px #58c4a880}.ambient-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.ambient-orb{position:absolute;border-radius:50%;filter:blur(65px);opacity:.45}.orb-one{width:380px;height:380px;left:-100px;top:120px;background:#1f4f67;animation:drift 12s ease-in-out infinite alternate}.orb-two{width:300px;height:300px;right:-80px;top:420px;background:#5b3f2b;animation:drift 14s ease-in-out infinite alternate-reverse}.ambient-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(157,176,198,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(157,176,198,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 80%);mask-image:radial-gradient(circle at center,black 40%,transparent 80%);animation:gridShift 20s linear infinite}.page-section{padding:110px 20px;max-width:1120px;margin:0 auto;width:100%;box-sizing:border-box}.section-home{padding-top:160px}.section-journey{padding-top:80px}footer{margin-top:auto;text-align:center;padding:34px 20px 38px;background:transparent;color:var(--text-secondary);font-size:.92rem;letter-spacing:.04em}.loading-fallback{display:flex;justify-content:center;align-items:center;padding:60px 0;width:100%}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-left-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(-20px)}}@keyframes gridShift{0%{transform:translateZ(0)}to{transform:translate3d(22px,22px,0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 800px){.page-section{padding:80px 20px}.section-home{padding-top:120px}}.site-nav{position:fixed;top:18px;left:0;right:0;margin-inline:auto;z-index:1000;background:#0a121dc7;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);padding:7px 10px;border-radius:999px;box-shadow:0 12px 32px #00000047;width:min(1080px,calc(100% - 24px));animation:navFloatIn .7s ease-out}.nav-content{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand-button{background:transparent;border:none;color:var(--text-primary);display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;border-radius:999px}.brand-mark{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-primary);color:#102432;font-size:.82rem;font-weight:800;letter-spacing:.04em;animation:brandPulse 4s ease-in-out infinite}.brand-label{font-size:.92rem;font-weight:600;letter-spacing:.03em}.site-nav ul{list-style:none;display:flex;margin:0;padding:0;gap:6px;position:relative}.site-nav ul li{position:relative;z-index:2}.site-nav ul button{background:none;border:none;padding:10px 15px;font-size:.86rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);cursor:pointer;border-radius:999px;transition:color .3s ease;position:relative;z-index:2;font-family:var(--font-body)}.site-nav ul button:hover{color:var(--text-primary)}.site-nav ul button.active{color:#112433;font-weight:700}.active-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(130deg,#73d7be,#a7ccf2 55%,#f7c38b);border-radius:999px;z-index:-1;box-shadow:0 8px 18px #58c4a859;animation:activeGlow 2.5s ease-in-out infinite}.status-pill{color:var(--text-primary);text-decoration:none;font-size:.82rem;letter-spacing:.04em;border:1px solid var(--surface-strong);border-radius:999px;padding:8px 12px;transition:background .3s ease,border-color .3s ease}.status-pill:hover{background:#58c4a824;border-color:var(--accent-primary)}@keyframes navFloatIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes brandPulse{0%,to{box-shadow:0 0 #58c4a84d}50%{box-shadow:0 0 0 8px #58c4a800}}@keyframes activeGlow{0%,to{box-shadow:0 8px 18px #58c4a859}50%{box-shadow:0 10px 24px #74aeea61}}@media (max-width: 768px){.site-nav{top:12px;border-radius:20px;width:calc(100% - 16px);padding:8px}.nav-content{display:grid;grid-template-columns:1fr;gap:8px}.brand-button,.status-pill{display:none}.site-nav ul{gap:4px;width:100%;justify-content:space-between}.site-nav ul li{flex:1}.site-nav ul button{font-size:.72rem;padding:10px 0;width:100%}.nav-label{font-size:.72rem}}.home-spatial{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 2%;position:relative;overflow:hidden}.home-content{flex:1.05;display:flex;flex-direction:column;justify-content:center;z-index:2}.spatial-eyebrow{font-family:var(--font-body);color:var(--accent-secondary);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}.hero-intro{margin:0;color:var(--text-secondary);font-weight:500;font-size:1.04rem}.spatial-title{font-family:var(--font-heading);font-size:clamp(2.6rem,8.5vw,6.3rem);font-weight:800;line-height:.96;letter-spacing:-.03em;color:var(--text-primary);margin:8px 0 0;display:flex;flex-direction:column}.spatial-title span{color:transparent;-webkit-text-stroke:1px rgba(232,237,244,.55);animation:titleShimmer 4.5s ease-in-out infinite}.hero-summary{max-width:620px;margin:24px 0 0;font-size:1.06rem;color:var(--text-secondary);line-height:1.75}.spatial-actions{display:flex;align-items:center;gap:16px;margin-top:34px;flex-wrap:wrap}.spatial-resume-btn{font-family:var(--font-body);color:#0a1b2b;background:var(--gradient-primary);padding:13px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.94rem;letter-spacing:.03em;transition:transform .3s ease,box-shadow .3s ease}.spatial-resume-btn:hover{transform:translateY(-3px);box-shadow:0 10px 40px var(--accent-glow)}.spatial-outline-btn{font-family:var(--font-body);color:var(--text-primary);border:1px solid var(--surface-strong);border-radius:999px;text-decoration:none;padding:13px 22px;font-size:.94rem;letter-spacing:.03em;transition:border-color .3s ease,transform .3s ease}.spatial-outline-btn:hover{border-color:var(--accent-primary);transform:translateY(-3px)}.spatial-socials{display:flex;gap:14px}.spatial-socials a{color:var(--accent-secondary);text-decoration:none;font-size:.86rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid transparent;transition:color .3s}.spatial-socials a:hover{color:var(--text-primary);border-color:var(--text-primary)}.hero-metrics{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:14px;max-width:720px}.hero-metrics div{border:1px solid var(--surface-border);background:#ffffff05;border-radius:14px;padding:14px;transition:transform .3s ease,border-color .3s ease}.hero-metrics div:hover{border-color:#58c4a873}.hero-metrics span{display:block;color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:6px}.hero-metrics p{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.5}.spatial-profile{position:relative;right:0;bottom:0;height:min(66vh,520px);width:min(34vw,430px);z-index:1;pointer-events:none;border-radius:26px;overflow:hidden;border:1px solid var(--surface-border);box-shadow:0 26px 46px #00000047}.profile-mesh-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 26%,#74aeea54,#0000 62%);z-index:-1}.spatial-profile img{width:100%;height:100%;object-fit:cover;object-position:top center;mask-image:linear-gradient(to top,#0000,#000 20%);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 20%)}@keyframes titleShimmer{0%,to{-webkit-text-stroke-color:rgba(232,237,244,.42)}50%{-webkit-text-stroke-color:rgba(246,184,111,.7)}}@media (max-width: 900px){.home-spatial{flex-direction:column;justify-content:flex-start;padding-top:34px;gap:26px;text-align:left}.spatial-actions{gap:12px}.spatial-profile{position:relative;right:0;width:100%;max-width:360px;height:44vh;margin-top:8px}.spatial-title{align-items:flex-start}.hero-metrics{grid-template-columns:1fr;max-width:100%}}@media (max-width: 600px){.spatial-profile{max-width:300px;height:38vh}}