@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800&display=swap";:root{--magic-blue: #599bfc;--ribbon-pink: #ffacc5;--potion-mint: #79f0d3;--star-gold: #ffe17f;--mirror-blue: #a3cfff;--boutique-blue-bg: #edf5ff;--boutique-blue-wash: #f3f8ff;--soft-white: #ffffff;--border-blue: #c4ddff;--ink: #2c3a57;--muted: #5e6e8c;color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--boutique-blue-bg);background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.7),transparent 28%),radial-gradient(circle at 82% 28%,rgba(255,255,255,.44),transparent 30%),linear-gradient(135deg,#edf5fff2,#f3f8ffeb,#f8fbffe6)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20150%20150'%20role='img'%20aria-label='Sparkle%20star%20dust'%3e%3cdefs%3e%3clinearGradient%20id='gold'%20x1='0%25'%20y1='0%25'%20x2='100%25'%20y2='100%25'%3e%3cstop%20offset='0%25'%20stop-color='%23FFE17F'/%3e%3cstop%20offset='100%25'%20stop-color='%23FCD053'/%3e%3c/linearGradient%3e%3c/defs%3e%3c!--%20Large%20Sparkle%20(Center)%20--%3e%3cg%20transform='translate(50,%2050)'%3e%3cpath%20d='M%2025%200%20Q%2025%2025%2050%2025%20Q%2025%2025%2025%2050%20Q%2025%2025%200%2025%20Q%2025%2025%2025%200%20Z'%20fill='url(%23gold)'/%3e%3ccircle%20cx='25'%20cy='25'%20r='5'%20fill='%23FFFFFF'/%3e%3c/g%3e%3c!--%20Medium%20Sparkle%20(Top%20Left)%20--%3e%3cg%20transform='translate(10,%2010)%20scale(0.6)'%3e%3cpath%20d='M%2025%200%20Q%2025%2025%2050%2025%20Q%2025%2025%2025%2050%20Q%2025%2025%200%2025%20Q%2025%2025%2025%200%20Z'%20fill='%23FFACC5'/%3e%3ccircle%20cx='25'%20cy='25'%20r='5'%20fill='%23FFFFFF'/%3e%3c/g%3e%3c!--%20Medium%20Sparkle%20(Bottom%20Right)%20--%3e%3cg%20transform='translate(100,%2090)%20scale(0.6)'%3e%3cpath%20d='M%2025%200%20Q%2025%2025%2050%2025%20Q%2025%2025%2025%2050%20Q%2025%2025%200%2025%20Q%2025%2025%2025%200%20Z'%20fill='%23A5C7FF'/%3e%3ccircle%20cx='25'%20cy='25'%20r='5'%20fill='%23FFFFFF'/%3e%3c/g%3e%3c!--%20Tiny%20dots%20&%20Diamond%20sparkles%20--%3e%3ccircle%20cx='30'%20cy='110'%20r='3'%20fill='%23FFE17F'/%3e%3ccircle%20cx='120'%20cy='40'%20r='4'%20fill='%23FFACC5'/%3e%3ccircle%20cx='80'%20cy='20'%20r='2'%20fill='%23FFFFFF'/%3e%3ccircle%20cx='90'%20cy='130'%20r='3'%20fill='%23A5C7FF'/%3e%3c!--%20Diamond%20Sparkle%20--%3e%3cpath%20d='M%20120%20110%20L%20125%20102%20L%20130%20110%20L%20125%20118%20Z'%20fill='url(%23gold)'/%3e%3c/svg%3e");background-size:260px 260px;opacity:.36}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:96px clamp(16px,4vw,52px) 48px}.magic-nav{position:fixed;top:18px;left:50%;z-index:20;display:flex;width:min(1100px,calc(100vw - 28px));align-items:center;justify-content:space-between;gap:16px;padding:10px;border:1px solid rgba(196,221,255,.88);border-radius:999px;background:#ffffffb8;box-shadow:0 18px 46px #599bfc2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.brand-mark,.nav-gem{display:inline-flex;align-items:center;gap:8px;min-height:42px;border-radius:999px;font-weight:800}.brand-mark{padding:0 18px;color:var(--magic-blue)}.magic-nav nav{display:flex;gap:8px}.nav-gem{padding:0 15px;color:var(--muted);transition:transform .22s ease,background .22s ease,color .22s ease}.nav-gem.active,.nav-gem:hover{color:var(--ink);background:linear-gradient(135deg,#599bfc2e,#79f0d33d);transform:translateY(-2px)}.magical-scene{position:fixed;inset:0;z-index:0;pointer-events:none}.scene-circle{position:absolute;right:-90px;bottom:-120px;width:min(52vw,520px);opacity:.38;animation:magic-circle-spin 28s linear infinite}.scene-wand{position:absolute;top:94px;left:-80px;width:min(52vw,540px);opacity:.48;animation:wand-trail-draw 5s ease-in-out infinite}.scene-stickers{position:absolute;top:18%;right:7%;width:min(32vw,340px);opacity:.58;animation:star-orbit 8s ease-in-out infinite}.sparkle-dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 24px #fff,0 0 44px var(--magic-blue);animation:sparkle-pulse 4.8s ease-in-out infinite}.dot-a{top:25%;left:10%}.dot-b{top:58%;right:18%;animation-delay:1.2s}.dot-c{bottom:18%;left:34%;animation-delay:2.1s}.page-shell{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}.eyebrow{display:inline-flex;margin:0 0 10px;padding:8px 14px;border:1px solid var(--border-blue);border-radius:999px;background:#ffffffad;color:var(--magic-blue);font-weight:800;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{max-width:980px;margin-bottom:24px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(2.35rem,7vw,5.6rem);line-height:.95;letter-spacing:0}.lead,.hero-copy>p{max-width:760px;color:var(--muted);font-size:clamp(1.02rem,2vw,1.2rem);line-height:1.75}.quote{color:var(--ink);font-weight:800}.hero-grid,.two-column,.reflection-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:24px;align-items:stretch}.hero-copy,.magic-panel,.avatar-card,.mirror-card,.constellation-card,.mini-spell,.spell-card{border:1px solid rgba(196,221,255,.9);background:#ffffffb8;box-shadow:0 22px 70px #2c3a571f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-copy,.magic-panel,.mirror-card,.constellation-card{border-radius:28px;padding:clamp(20px,4vw,34px)}.avatar-card{position:relative;min-height:520px;overflow:hidden;border-radius:36px}.avatar{position:absolute;inset:5% 8% 0;width:84%;height:92%;border-radius:32px;object-fit:cover;object-position:50% 22%;box-shadow:0 28px 70px #2c3a573d}.magic-circle{position:absolute;inset:3% auto auto 50%;width:112%;opacity:.62;transform:translate(-50%);animation:magic-circle-spin 22s linear infinite}.wand-trail{position:absolute;right:-11%;bottom:-27%;width:118%;animation:wand-trail-draw 4.6s ease-in-out infinite}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px}.info-card{min-height:98px;padding:16px;border:1px solid rgba(196,221,255,.9);border-radius:20px;background:#f3f8ffd1}.info-card span{display:block;margin-bottom:8px;color:var(--muted);font-size:.88rem;font-weight:800}.info-card strong{font-size:1rem;line-height:1.35}.two-column{margin-top:24px}.panel-title{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--magic-blue)}.panel-title h2{margin:0;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.25rem,2vw,1.65rem)}ul{margin:0;padding-left:20px;color:var(--muted);line-height:1.75}.chip-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.chip-cloud span{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid rgba(196,221,255,.95);border-radius:999px;background:linear-gradient(135deg,#ffe17f6b,#79f0d34d);font-weight:800}.chip-cloud.dark span{color:#fff;border-color:#ffffff59;background:#ffffff24}.spell-strip,.project-grid,.reflection-lists{display:grid;gap:18px;margin-top:24px}.spell-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.mini-spell{min-height:174px;padding:20px;border-radius:24px}.mini-spell span,.spell-number{color:var(--magic-blue);font-weight:900}.mini-spell p{margin:14px 0 0;color:var(--muted);line-height:1.55}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spell-card{position:relative;min-height:390px;overflow:hidden;border-radius:30px}.spell-card-frame{position:absolute;top:62%;right:clamp(12px,4vw,34px);width:min(34%,220px);opacity:.2;transform:translateY(-50%) rotate(10deg)}.spell-content{position:relative;z-index:1;padding:32px}.spell-card:nth-child(2n) .spell-content{margin-left:auto}.spell-content h2{margin:18px 0 12px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.3rem,3vw,2rem)}.spell-content h3{color:var(--ink);font-size:1rem;line-height:1.45}.spell-content p,.mirror-card p{color:var(--muted);line-height:1.75}.spell-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.spell-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(196,221,255,.92);border-radius:999px;font-weight:900;line-height:1;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.spell-action.primary{color:#fff;background:linear-gradient(135deg,var(--magic-blue),#8cb8ff);box-shadow:0 12px 28px #599bfc3d}.spell-action.secondary{color:var(--ink);background:#ffffffb3}.spell-action:hover,.spell-action:focus-visible{transform:translateY(-2px);box-shadow:0 16px 34px #2c3a5729}.reflection-grid{grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr)}.mirror-card img{display:block;width:min(260px,78%);margin:0 auto 18px;animation:star-orbit 7s ease-in-out infinite}.constellation-card{background:#2c3a57e6}.constellation-card img{width:100%;border-radius:22px}.reflection-lists{grid-template-columns:repeat(3,minmax(0,1fr))}@keyframes magic-circle-spin{to{transform:translate(-50%) rotate(360deg)}}@keyframes wand-trail-draw{0%,to{opacity:.44;transform:translateZ(0) rotate(-1deg)}50%{opacity:.78;transform:translate3d(18px,-8px,0) rotate(1.5deg)}}@keyframes star-orbit{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(2deg)}}@keyframes sparkle-pulse{0%,to{opacity:.35;transform:scale(.72)}50%{opacity:.95;transform:scale(1.08)}}@media(max-width:860px){.app-shell{padding-top:160px}.magic-nav{align-items:stretch;border-radius:28px;flex-direction:column}.magic-nav nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.nav-gem{justify-content:center;padding:0 10px}.brand-mark{justify-content:center}.hero-grid,.two-column,.reflection-grid,.project-grid,.reflection-lists,.spell-strip{grid-template-columns:1fr}.avatar-card{min-height:430px}.spell-card-frame{width:min(30%,190px);opacity:.16}}@media(max-width:520px){.app-shell{padding-inline:12px}.nav-gem span{font-size:.82rem}.identity-grid{grid-template-columns:1fr}.hero-copy,.magic-panel,.mirror-card,.constellation-card,.spell-content{padding:20px}.spell-content{max-width:100%}.spell-card-frame,.spell-card:nth-child(2n) .spell-card-frame{top:14px;right:12px;left:auto;width:118px;opacity:.1;transform:none}.avatar-card{min-height:360px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}