@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--navy: #123b68;--ocean: #168fe8;--blue: #52c7ff;--sky: #dff6ff;--foam: #f9feff;--sand: #ffd98a;--coral: #ff718d;--lavender: #9d8cff;--line: rgba(18,59,104,.16);--shadow: 0 16px 0 rgba(18,59,104,.1), 0 24px 45px rgba(18,59,104,.15);font-family:Nunito,sans-serif;color:var(--navy);background:var(--sky)}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:4px solid #ffe45e;outline-offset:4px}.app-shell{min-height:100vh;padding:104px 20px 150px;position:relative;isolation:isolate}.beach-scene{position:fixed;inset:0;z-index:-2;overflow:hidden;background:linear-gradient(180deg,#82dcff,#dff8ff 55%,#9de8ff 56%,#168fe8)}.sun{position:absolute;width:120px;aspect-ratio:1;border-radius:50%;right:8vw;top:10vh;background:#ffe45e;box-shadow:0 0 0 18px #ffe45e38;animation:sun-pulse 3.5s ease-in-out infinite}.cloud{position:absolute;width:150px;height:44px;border-radius:40px;background:#ffffffdb;filter:drop-shadow(0 10px 0 rgba(40,127,180,.08));animation:cloud-drift 26s linear infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:72px;height:72px;left:22px;bottom:0}.cloud:after{width:58px;height:58px;right:18px;bottom:0}.cloud-a{top:15%;left:-180px}.cloud-b{top:31%;left:-220px;animation-delay:-13s;transform:scale(.7)}.scene-sticker{position:absolute;width:clamp(76px,9vw,130px);filter:drop-shadow(0 12px 8px rgba(18,59,104,.18));animation:sticker-bob 4s ease-in-out infinite}.scene-sticker.whale{top:22%;left:3%}.scene-sticker.jelly{top:46%;right:2%;animation-delay:-1.5s}.scene-sticker.float{bottom:7%;left:7%;animation-delay:-.8s}.bubble{position:absolute;bottom:-40px;border:3px solid rgba(255,255,255,.7);border-radius:50%;animation:bubble-rise 9s linear infinite}.bubble-a{width:22px;height:22px;left:20%}.bubble-b{width:38px;height:38px;left:72%;animation-delay:-4s}.bubble-c{width:15px;height:15px;left:54%;animation-delay:-7s}.wave{position:absolute;left:-10%;width:120%;height:170px;border-radius:50% 50% 0 0}.wave-back{bottom:70px;background:#52c7ffa6;animation:wave-sway 7s ease-in-out infinite}.wave-front{bottom:0;background:#168fe8b8;animation:wave-sway 5s ease-in-out infinite reverse}.sand{position:absolute;left:0;right:0;bottom:0;height:52px;background:var(--sand);border-radius:60% 60% 0 0;opacity:.9}.beach-nav{position:fixed;z-index:20;top:18px;left:50%;transform:translate(-50%);width:min(1080px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 12px 10px 18px;border:3px solid rgba(255,255,255,.85);border-radius:28px;background:#f9feffde;box-shadow:0 10px 30px #123b682e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.nav-link{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:800}.brand{font-family:"Baloo 2",sans-serif;font-size:1.12rem;color:var(--ocean)}.beach-nav nav{display:flex;gap:8px}.nav-link{min-height:44px;padding:8px 14px;border-radius:18px;color:var(--navy);transition:transform .2s,background .2s,color .2s}.nav-link:hover{transform:translateY(-3px) rotate(-1deg)}.nav-link.active{background:var(--ocean);color:#fff;box-shadow:0 6px #0c6fbb}.page-shell{width:min(1080px,100%);margin:0 auto;position:relative}.eyebrow{width:max-content;max-width:100%;margin:0 auto 4px;padding:7px 15px;border:2px solid white;border-radius:999px;background:var(--coral);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;box-shadow:0 5px #123b6826}h1,h2,h3{font-family:"Baloo 2",sans-serif;line-height:1.08}h1{margin:10px auto 36px;max-width:900px;text-align:center;color:#fff;font-size:clamp(2.55rem,7vw,5.7rem);text-shadow:0 5px 0 var(--ocean),0 9px 0 rgba(18,59,104,.17)}h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.8rem)}h3{margin:22px 0 5px;color:#0e74bd;font-size:1.02rem}p,li{font-size:1.02rem;line-height:1.7}.lead{max-width:720px;margin:-12px auto 20px;text-align:center;color:var(--navy);font-weight:800;background:#f9feffc7;border-radius:18px;padding:12px 18px}.sticker-badge{display:block;width:max-content;max-width:100%;margin:0 auto 18px;padding:8px 16px;border:3px solid white;border-radius:999px;background:#ffe45e;font-weight:900;box-shadow:0 6px #123b6821;transform:rotate(-1deg)}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:28px;align-items:center}.hero-copy,.avatar-card,.bubble-panel,.project-card,.contact-card,.conclusion-hero{border:4px solid white;background:#f9fefff0;box-shadow:var(--shadow)}.hero-copy{padding:clamp(24px,5vw,54px);border-radius:46px 28px;position:relative}.hero-intro{font-size:clamp(1.12rem,2vw,1.35rem);font-weight:700}.identity-list{display:grid;gap:9px;padding-top:16px;border-top:3px dashed #bdeaff}.identity-list strong{font:800 clamp(1.4rem,3vw,2.1rem)/1.1 "Baloo 2";color:var(--ocean)}.avatar-card{margin:0;padding:18px;border-radius:50% 50% 42% 42%;text-align:center;position:relative;transform:rotate(2deg);background:linear-gradient(145deg,#fff,#bfeeff)}.avatar-photo{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:10px solid var(--ocean);border-radius:50% 50% 44% 44%}.avatar-card figcaption{padding:14px 4px 2px;font-weight:900}.avatar-sticker{position:absolute;width:95px;right:-25px;top:18px;animation:sticker-bob 3s ease-in-out infinite}.wave-divider{margin:35px 0 26px;text-align:center;color:#fff;font-size:1.5rem;letter-spacing:.4em;text-shadow:0 3px 0 var(--ocean)}.panel-grid,.reflection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.bubble-panel{padding:25px;border-radius:30px;position:relative}.bubble-panel:nth-child(2n){border-radius:42px 24px 38px}.wide-panel{grid-column:1/-1;background:linear-gradient(135deg,#f9fefff7,#dff6fff7)}.panel-heading{display:flex;align-items:center;gap:10px;color:var(--ocean)}.bubble-panel ul{padding-left:22px;margin-bottom:0}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:34px}.project-card{padding:30px;border-radius:34px;position:relative;transition:transform .25s,box-shadow .25s;overflow:hidden}.project-card:hover{transform:translateY(-8px) rotate(-1deg)!important;box-shadow:0 22px #123b681c,0 30px 50px #123b6833}.project-card:after{content:"";position:absolute;width:80px;height:80px;border:14px solid rgba(255,255,255,.72);border-radius:50%;right:-28px;top:-28px;background:var(--blue)}.project-card.accent-1:after{background:var(--lavender)}.project-card.accent-2:after{background:var(--coral)}.chapter-number{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--ocean);color:#fff;font:800 1.15rem "Baloo 2";box-shadow:0 5px #0d6ead}.project-card h2{margin:18px 0 12px;max-width:88%;color:var(--navy)}.project-card p{margin:0}.pdf-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.pdf-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border:3px solid var(--ocean);border-radius:16px;text-decoration:none;font-weight:900;background:#fff;color:var(--ocean);transition:transform .2s}.pdf-button:hover{transform:translateY(-3px)}.pdf-button.primary{background:var(--ocean);color:#fff;box-shadow:0 5px #0d6ead}.conclusion-hero{max-width:820px;margin:0 auto 28px;padding:30px;border-radius:40px;text-align:center;font-weight:800}.conclusion-hero span{display:block;font-size:4rem;animation:sticker-bob 3s ease-in-out infinite}.reflection-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-card{margin-top:28px;padding:30px;border-radius:34px;text-align:center;background:linear-gradient(135deg,#fff,#d9f7ff)}.contact-card>p{font:800 clamp(1.25rem,3vw,1.8rem) "Baloo 2"}.contact-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.contact-actions a{min-height:44px;display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:16px;background:var(--ocean);color:#fff;text-decoration:none;font-weight:900;box-shadow:0 5px #0d6ead}@keyframes cloud-drift{to{transform:translate(calc(100vw + 420px))}}@keyframes bubble-rise{to{transform:translateY(-115vh) scale(1.5);opacity:0}}@keyframes sticker-bob{50%{transform:translateY(-12px) rotate(3deg)}}@keyframes wave-sway{50%{transform:translate(4%) translateY(12px) rotate(-1deg)}}@keyframes sun-pulse{50%{transform:scale(1.08) rotate(8deg)}}@media(max-width:800px){.app-shell{padding-top:96px;padding-bottom:130px}.brand span{display:none}.hero-grid,.panel-grid,.reflection-grid{grid-template-columns:1fr}.avatar-card{width:min(390px,88%);justify-self:center;grid-row:1}.wide-panel{grid-column:auto}.project-grid{grid-template-columns:1fr}.scene-sticker.jelly{display:none}}@media(max-width:560px){.app-shell{padding-left:12px;padding-right:12px;padding-top:45px}.beach-nav{top:auto;bottom:12px;padding:8px;justify-content:center}.brand{display:none}.beach-nav nav{width:100%;justify-content:space-between}.nav-link{flex:1;flex-direction:column;gap:2px;padding:6px 5px;font-size:.74rem}h1{margin-top:16px;margin-bottom:25px}.hero-copy,.bubble-panel,.project-card,.contact-card,.conclusion-hero{padding:22px;border-radius:25px}.scene-sticker{width:70px;opacity:.72}.scene-sticker.whale{top:9%}.scene-sticker.float{left:-10px}.pdf-actions,.contact-actions{flex-direction:column}.pdf-button,.contact-actions a{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}