@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Noto+Sans+JP:wght@300;400;500;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";
:root{--bg-deep:#111c2e;--bg-mid:#182440;--bg-card:#8cb4ff29;--bg-card-hover:#a0beff42;--border-glass:#b4d7ff47;--border-glow:#78b4ff8c;--primary:#90bcff;--primary-light:#bcd9ff;--primary-dark:#5d8fe8;--accent-pink:#d49ae0;--accent-cyan:#6ee8f4;--accent-gold:#f5cc7a;--accent-teal:#5eddd4;--grad-primary:linear-gradient(135deg, #5d8fe8 0%, #90bcff 45%, #d49ae0 100%);--grad-card:linear-gradient(135deg, #78afff38 0%, #d49ae024 100%);--grad-glow:radial-gradient(circle at center, #78afff66 0%, transparent 70%);--text-primary:#f0f6ff;--text-secondary:#e6f3ffd1;--text-muted:#d2e6ff99;--font-main:"Outfit", "Noto Sans JP", "Noto Sans KR", sans-serif;--radius-sm:12px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--shadow-glow:0 0 40px #78afff73;--shadow-card:0 8px 32px #00000061;--shadow-pink:0 0 30px #d49ae066}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-main);background-color:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-text-size-adjust:100%;text-size-adjust:100%;min-height:100%;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:var(--primary-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@keyframes floatSlow{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(5deg)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #64a0ff66,0 0 60px #64a0ff1a}50%{box-shadow:0 0 40px #64a0ffb3,0 0 100px #64a0ff4d,0 0 120px #c084d433}}@keyframes pulse-border{0%,to{border-color:#64a0ff80}50%{border-color:#c084d4cc}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particle-float{0%{opacity:0;transform:translateY(100vh)scale(0)}10%{opacity:1}90%{opacity:.5}to{opacity:0;transform:translateY(-10vh)scale(1)}}@keyframes star-twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin-hue{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slide-out-right{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes intro-exit{0%{opacity:1;filter:blur();transform:scale(1)}40%{opacity:.8;filter:blur(6px);transform:scale(1.03)}to{opacity:0;filter:blur(24px);transform:scale(1.08)}}@keyframes menu-blur-in{0%{opacity:0;filter:blur(24px);transform:scale(.97)}60%{opacity:1;filter:blur(4px);transform:scale(1.01)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes bento-enter{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes card-hover-glow{0%,to{box-shadow:var(--shadow-card), 0 0 20px #64a0ff33}50%{box-shadow:var(--shadow-card), 0 0 40px #64a0ff80, 0 0 60px #c084d433}}@keyframes text-glow{0%,to{text-shadow:0 0 20px #64a0ff99}50%{text-shadow:0 0 40px #7ba7f7e6,0 0 80px #c084d480}}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass)}.photo-bg{background-image:url(/Photo6.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.glass-strong{-webkit-backdrop-filter:blur(30px);background:#ffffff12;border:1px solid #ffffff26}.gradient-text{background:var(--grad-primary);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite shimmer}.gradient-border{position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--grad-primary);-webkit-mask-composite:xor;pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glow{animation:3s ease-in-out infinite pulse-glow}.shimmer-text{color:#fff;-webkit-text-fill-color:#fff}.section-enter{animation:.5s ease-out forwards slideUp}.section-modal{animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}