@import"https://fonts.googleapis.com/css2?family=Sora:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--abyss: #06283d;--deep-water: #0e3a5c;--mid-water: #155a86;--current-blue: #1fa2d6;--shallow-blue: #5fd0f0;--teal-current: #2fb6a8;--foam-white: #eaf6ff;--mist-text: #9cc2db;--brass-gold: #d98e3a;--hull-border: #1c4e70;--panel-glass: rgba(14, 58, 92, .55);--panel-border: rgba(95, 208, 240, .18);--radius: 14px;--shadow-deep: 0 24px 60px rgba(3, 16, 28, .55)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:var(--foam-white);background:var(--abyss);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,.brand-mark span{font-family:Sora,Inter,sans-serif;letter-spacing:.01em}a{color:inherit;text-decoration:none}ul{margin:0;padding-left:1.1rem}li{margin:.45rem 0;color:var(--mist-text);line-height:1.6}li strong{color:var(--foam-white)}.app-shell{position:relative;min-height:100vh;z-index:0}.ocean-scene{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--abyss)}.scene-depth{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:rayShimmer 11s ease-in-out infinite}.scene-current{position:absolute;left:-10%;width:120%;opacity:.5;mix-blend-mode:screen}.scene-current--a{top:18%;animation:currentDrift 18s linear infinite}.scene-current--b{top:52%;opacity:.32;animation:currentDrift 26s linear infinite reverse}.scene-helm{position:absolute;right:-90px;bottom:-70px;width:360px;opacity:.12;animation:slowSpin 46s linear infinite}.scene-bubbles{position:absolute;width:50%;bottom:-20%;opacity:.7}.scene-bubbles--a{left:4%;animation:bubbleRise 16s linear infinite}.scene-bubbles--b{right:6%;animation:bubbleRise 22s linear infinite;animation-delay:-8s}.sonar-ring{position:absolute;border:1.5px solid var(--shallow-blue);border-radius:50%;opacity:0}.ring-a{left:16%;top:30%;width:240px;height:240px;animation:sonar 7s ease-out infinite}.ring-b{right:22%;top:60%;width:180px;height:180px;animation:sonar 9s ease-out infinite;animation-delay:-3s}.plankton{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--shallow-blue);box-shadow:0 0 8px var(--shallow-blue);opacity:.6}.dot-a{left:30%;top:40%;animation:floatDrift 12s ease-in-out infinite}.dot-b{left:70%;top:28%;animation:floatDrift 16s ease-in-out infinite}.dot-c{left:50%;top:70%;animation:floatDrift 14s ease-in-out infinite reverse}.dot-d{left:85%;top:55%;animation:floatDrift 18s ease-in-out infinite}@keyframes rayShimmer{0%,to{filter:brightness(1)}50%{filter:brightness(1.12)}}@keyframes currentDrift{0%{transform:translate(-8%)}to{transform:translate(8%)}}@keyframes slowSpin{to{transform:rotate(360deg)}}@keyframes bubbleRise{0%{transform:translateY(10%);opacity:0}15%{opacity:.7}to{transform:translateY(-120%);opacity:0}}@keyframes sonar{0%{transform:scale(.3);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes floatDrift{0%,to{transform:translate(0)}50%{transform:translate(18px,-22px)}}.compass-nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(180deg,#06283dd9,#06283d59);border-bottom:1px solid var(--panel-border)}.brand-mark{display:inline-flex;align-items:center;gap:.55rem;font-weight:800;font-size:1.1rem;color:var(--foam-white)}.brand-mark svg{color:var(--brass-gold)}.compass-nav nav{display:flex;gap:.5rem;flex-wrap:wrap}.nav-helm{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .95rem;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--mist-text);border:1px solid transparent;transition:all .25s ease}.nav-helm:hover{color:var(--foam-white);background:#1fa2d624}.nav-helm.active{color:var(--foam-white);background:#1fa2d638;border-color:var(--current-blue);box-shadow:0 0 18px #1fa2d659}.deck-shell{max-width:1080px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem) 5rem}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:.78rem;font-weight:600;color:var(--brass-gold);margin:0 0 .5rem}.deck-shell h1{font-size:clamp(2rem,5vw,3.4rem);margin:0;line-height:1.05;text-shadow:0 4px 30px rgba(31,162,214,.3)}.title-wave{display:block;width:220px;margin:1rem 0 2.2rem}.lead{font-size:1.1rem;color:var(--mist-text);max-width:60ch;margin:0 0 2rem}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:2.4rem;align-items:center;margin-bottom:3rem}.greeting{font-size:1.05rem;line-height:1.7;color:var(--foam-white)}.philosophy{font-size:1.15rem;font-style:italic;color:var(--shallow-blue);border-left:3px solid var(--brass-gold);padding-left:1rem;margin:1.4rem 0}.identity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.9rem;margin-top:1.6rem}.sonar-card{position:relative;overflow:hidden;padding:.95rem 1.1rem;border-radius:12px;background:var(--panel-glass);border:1px solid var(--panel-border)}.sonar-card .sonar-label{display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--mist-text)}.sonar-card .sonar-value{display:block;margin-top:.3rem;font-size:1.05rem;font-weight:700;color:var(--foam-white)}.sonar-pulse{position:absolute;right:-28px;top:-28px;width:70px;height:70px;border:1.5px solid var(--current-blue);border-radius:50%;opacity:.4;animation:sonar 6s ease-out infinite}.diver-card{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;max-width:360px;margin:0 auto}.diver-compass{position:absolute;inset:0;width:100%;opacity:.4;animation:slowSpin 60s linear infinite}.diver-frame{position:relative;width:62%;aspect-ratio:1;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--brass-gold),var(--current-blue));box-shadow:var(--shadow-deep)}.diver-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--abyss)}.diver-anchor{position:absolute;bottom:-6%;right:4%;width:64px;animation:floatDrift 7s ease-in-out infinite}.diver-ring{position:absolute;width:80%;height:80%;border:1.5px solid var(--shallow-blue);border-radius:50%;opacity:.3;animation:sonar 5s ease-out infinite}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.6rem}.goals-block{margin-bottom:2.4rem}.depth-panel{position:relative;padding:1.4rem 1.5rem;border-radius:var(--radius);background:var(--panel-glass);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-deep);overflow:hidden}.depth-panel:before{content:"";position:absolute;top:-60%;left:-20%;width:60%;height:220%;background:linear-gradient(105deg,transparent,rgba(143,230,255,.12),transparent);transform:rotate(8deg);animation:rayGlide 9s ease-in-out infinite}@keyframes rayGlide{0%,to{transform:translate(-30%) rotate(8deg)}50%{transform:translate(160%) rotate(8deg)}}.panel-title{display:flex;align-items:center;gap:.6rem;margin-bottom:.9rem}.panel-title svg{color:var(--brass-gold)}.panel-title h2{margin:0;font-size:1.2rem}.panel-note{margin:1rem 0 0;color:var(--mist-text);line-height:1.65}.goal-list li{line-height:1.65}.tide-chips{display:flex;flex-wrap:wrap;gap:.55rem}.tide-chips span{padding:.4rem .85rem;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--foam-white);background:#1fa2d629;border:1px solid var(--panel-border);transition:transform .2s ease}.tide-chips span:hover{transform:translateY(-3px)}.tide-chips.dark span{background:#06283d99}.current-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.4rem}.current-tile{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border-radius:12px;background:var(--panel-glass);border:1px solid var(--panel-border)}.current-tile span{font-family:Sora,sans-serif;font-size:1.4rem;font-weight:800;color:var(--brass-gold)}.current-tile p{margin:0;font-weight:600}.helm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.6rem}.helm-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;border-radius:18px;background:linear-gradient(160deg,#155a868c,#06283dd9);border:1px solid var(--panel-border);box-shadow:var(--shadow-deep);overflow:hidden}.helm-watermark{position:absolute;right:-50px;top:-50px;width:170px;opacity:.08;transition:transform .6s ease}.helm-card:hover .helm-watermark{transform:rotate(45deg)}.helm-sonar{position:absolute;left:28px;top:30px;width:40px;height:40px;border:1.5px solid var(--current-blue);border-radius:50%;opacity:0}.helm-card:hover .helm-sonar{animation:sonar 1.4s ease-out}.helm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.helm-index{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#1fa2d638;color:var(--shallow-blue);border:1px solid var(--current-blue)}.helm-tag{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--brass-gold)}.helm-content{flex:1}.helm-content h2{font-size:1.12rem;margin:0 0 .5rem;line-height:1.3}.helm-content h3{font-size:.95rem;font-weight:600;color:var(--shallow-blue);margin:0 0 .7rem}.helm-content p{margin:0;font-size:.92rem;line-height:1.6;color:var(--mist-text)}.helm-actions{display:flex;gap:.6rem;margin-top:1.3rem}.helm-action{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:10px;font-size:.85rem;font-weight:600;transition:all .22s ease}.helm-action.primary{background:var(--current-blue);color:#04222f}.helm-action.primary:hover{box-shadow:0 0 20px #1fa2d680;transform:translateY(-2px)}.helm-action.secondary{border:1px solid var(--panel-border);color:var(--foam-white)}.helm-action.secondary:hover{background:#1fa2d624}.surface-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:1.6rem;margin-bottom:2.4rem}.surface-card{position:relative;padding:1.6rem 1.8rem;border-radius:var(--radius);background:var(--panel-glass);border:1px solid var(--panel-border);overflow:hidden}.surface-card img{position:absolute;right:-30px;bottom:-30px;width:150px;opacity:.25;animation:slowSpin 70s linear infinite}.surface-summary{font-size:1.12rem;font-weight:600;margin:0 0 1rem;line-height:1.6}.surface-experience{margin:0;color:var(--mist-text);line-height:1.7}.surface-skills{padding:1.6rem;border-radius:var(--radius);background:#1fa2d61a;border:1px solid var(--panel-border)}.surface-skills h2{margin:0 0 1rem;font-size:1.1rem}.reflection-lists{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin-bottom:1.6rem}.thanks{margin:0;font-size:1.02rem;line-height:1.75;color:var(--foam-white)}@media(max-width:860px){.hero-grid,.two-column,.surface-hero,.reflection-lists{grid-template-columns:1fr}.diver-card{max-width:280px;order:-1}.scene-helm{width:220px}}@media(max-width:520px){.identity-grid,.current-strip{grid-template-columns:1fr}.compass-nav{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}