:root{color-scheme:light;--ink: #34215d;--muted: #786f92;--pink: #ff64b6;--hot-pink: #ff3f9d;--blue: #42c7ff;--yellow: #ffd84f;--purple: #9b6bff;--mint: #7ff7d4;--white: #ffffff;--shadow: 0 24px 70px rgba(92, 45, 151, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;color:var(--ink);font-family:"M PLUS Rounded 1c",system-ui,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(255,216,79,.45),transparent 26rem),radial-gradient(circle at 88% 8%,rgba(66,199,255,.4),transparent 24rem),linear-gradient(135deg,#fff6fd,#f0fbff 45%,#fff9df);overflow-x:hidden}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:linear-gradient(rgba(255,100,182,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(66,199,255,.12) 1px,transparent 1px);background-size:48px 48px;content:"";-webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}.sparkle-field span{position:fixed;z-index:-1;width:12px;height:12px;border-radius:999px;background:var(--white);box-shadow:0 0 0 7px #ffffff73,0 0 22px #ff3f9d80;animation:float 6s ease-in-out infinite}.sparkle-field span:nth-child(1){left:9%;top:26%}.sparkle-field span:nth-child(2){right:12%;top:20%;animation-delay:-1.4s}.sparkle-field span:nth-child(3){left:18%;bottom:18%;animation-delay:-2.7s}.sparkle-field span:nth-child(4){right:20%;bottom:22%;animation-delay:-3.9s}.sparkle-field span:nth-child(5){left:50%;top:12%;animation-delay:-4.8s}.site-header{position:sticky;top:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 32px));margin:16px auto 0;padding:14px 18px;border:2px solid rgba(255,255,255,.75);border-radius:999px;background:#ffffffb8;box-shadow:0 14px 40px #34215d1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.logo,.nav-links{display:flex;align-items:center;gap:12px}.logo{font-family:Poppins,sans-serif;font-weight:800;letter-spacing:.01em}.logo-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:var(--white);background:linear-gradient(135deg,var(--hot-pink),var(--purple));box-shadow:0 8px 18px #ff3f9d4d}.nav-links a{padding:10px 12px;border-radius:999px;color:var(--muted);font-size:.92rem;font-weight:800}.nav-links a:hover{color:var(--ink);background:#ffd84f4d}.menu-toggle{display:none}.section-shell{width:min(1120px,calc(100% - 32px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;align-items:center;min-height:680px;padding:88px 0 56px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;color:var(--hot-pink);font-family:Poppins,sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.16em}.eyebrow:before,.eyebrow:after{width:18px;height:18px;background:currentColor;clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);content:""}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(3rem,9vw,6.5rem);line-height:.98;letter-spacing:-.07em}h1 span{display:block;color:transparent;background:linear-gradient(90deg,var(--hot-pink),var(--purple),#00a8ff);-webkit-background-clip:text;background-clip:text}h2{margin-bottom:16px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.05em}h3{margin-bottom:10px;font-size:1.55rem}.hero-text,.section-heading p,.about-card p,.contact-section p,.tool-body p{color:var(--muted);font-size:1.02rem;line-height:1.9}.hero-text{max-width:620px;font-size:1.12rem}.hero-actions,.contact-section{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:2px solid var(--white);border-radius:999px;font-weight:800;box-shadow:0 14px 28px #34215d24;transition:transform .18s ease,box-shadow .18s ease}.button:hover,.tool-card:hover{transform:translateY(-4px);box-shadow:0 24px 52px #5c2d9738}.button.primary{color:var(--white);background:linear-gradient(135deg,var(--hot-pink),var(--purple))}.button.secondary{background:#ffffffb8}.hero-stage{position:relative;min-height:520px}.hero-stage:before{position:absolute;top:34px;right:0;bottom:0;left:0;border-radius:38% 62% 44% 56%/52% 42% 58% 48%;background:linear-gradient(135deg,#ff64b6cc,#42c7ffc2);filter:drop-shadow(var(--shadow));content:""}.idol-card{position:absolute;inset:72px 54px auto;display:grid;min-height:390px;place-items:center;padding:28px;border:4px solid var(--white);border-radius:42px;background:radial-gradient(circle at 18% 18%,rgba(255,216,79,.76),transparent 9rem),linear-gradient(160deg,#ffffffeb,#ffffff9e);box-shadow:var(--shadow);text-align:center}.idol-card p{color:var(--ink);font-family:Poppins,sans-serif;font-size:1.55rem;font-weight:800;line-height:1.25}.badge,.tag{display:inline-flex;align-items:center;border-radius:999px;font-family:Poppins,sans-serif;font-weight:800}.badge{position:absolute;top:22px;right:22px;padding:8px 14px;color:var(--white);background:var(--hot-pink);transform:rotate(8deg)}.mascot-face{position:relative;width:min(250px,70%);aspect-ratio:1;border:8px solid var(--white);border-radius:38% 62% 42% 58%/55% 42% 58% 45%;background:radial-gradient(circle at 34% 34%,#fff 0 9%,transparent 10%),radial-gradient(circle at 66% 34%,#fff 0 9%,transparent 10%),linear-gradient(135deg,#ffd0ed,#b9f0ff 55%,#fff0a8);box-shadow:inset 0 -20px 42px #9b6bff2e}.eye{position:absolute;top:39%;width:24px;height:34px;border-radius:50%;background:var(--ink)}.eye.left{left:33%}.eye.right{right:33%}.smile{position:absolute;left:50%;bottom:30%;width:58px;height:28px;border-bottom:7px solid var(--ink);border-radius:0 0 999px 999px;transform:translate(-50%)}.floating-chip{position:absolute;padding:12px 16px;border:3px solid var(--white);border-radius:999px;color:var(--ink);font-family:Poppins,sans-serif;font-weight:800;box-shadow:0 14px 30px #34215d1f;animation:float 5.4s ease-in-out infinite}.chip-pink{left:-6px;top:108px;background:#ffd0ed}.chip-blue{right:0;top:228px;background:#c8f1ff;animation-delay:-1.8s}.chip-yellow{left:46px;bottom:34px;background:#fff0a8;animation-delay:-3.1s}.tools-section,.about-section,.contact-section{padding:72px 0}.section-heading{max-width:760px;margin-bottom:32px}.tool-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.tool-card{display:flex;flex-direction:column;overflow:hidden;border:3px solid var(--white);border-radius:32px;background:#ffffffc7;box-shadow:0 18px 46px #34215d1f;transition:transform .18s ease,box-shadow .18s ease}.thumbnail{display:grid;min-height:178px;place-items:center;padding:24px;color:var(--white);text-align:center}.thumbnail.has-image{display:block;padding:0}.thumb-image{width:100%;height:100%;min-height:178px;object-fit:cover;display:block}.thumb-icon{display:grid;width:82px;height:82px;place-items:center;border:4px solid rgba(255,255,255,.72);border-radius:28px;background:#ffffff2e;font-size:2.4rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.thumb-label{font-family:Poppins,sans-serif;font-size:1.3rem;font-weight:800;color:var(--white);background:#34215db3;padding:4px 16px;border-radius:999px;box-shadow:0 4px 12px #34215d40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.3);letter-spacing:.02em}.thumb-gradient-1{background:linear-gradient(135deg,#ff64b6,#ff9f6e)}.thumb-gradient-2{background:linear-gradient(135deg,#42c7ff,#6a7cff)}.thumb-gradient-3{background:linear-gradient(135deg,#ffd84f,#ff8c42)}.thumb-gradient-4{background:linear-gradient(135deg,#9b6bff,#ff64d8)}.tool-body{display:flex;flex-direction:column;flex-grow:1;padding:22px}.tag{align-self:flex-start;margin-bottom:12px;padding:6px 12px;color:var(--hot-pink);background:#ff64b61f;font-size:.75rem;letter-spacing:.08em}.card-link{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;color:var(--hot-pink);font-weight:800}.card-link span{transition:transform .18s ease}.card-link:hover span{transform:translate(4px)}.about-card,.contact-section{border:3px solid rgba(255,255,255,.84);border-radius:38px;background:radial-gradient(circle at 90% 16%,rgba(127,247,212,.42),transparent 16rem),#ffffffb8;box-shadow:var(--shadow)}.about-card{padding:clamp(28px,6vw,62px)}.author-section{display:flex;flex-direction:column;margin-bottom:64px;padding:clamp(26px,5vw,46px);gap:32px;background:var(--white)}.author-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;width:100%}.author-profile{display:flex;gap:32px;align-items:flex-start}.author-avatar{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid var(--white);box-shadow:0 8px 24px #34215d26;flex-shrink:0}.author-name{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:800;margin-bottom:12px;color:var(--ink)}.author-bio{line-height:1.8;color:var(--ink-light)}.contact-links{display:flex;gap:16px;flex-wrap:wrap}.site-footer{padding:32px 16px 48px;color:var(--muted);font-family:Poppins,sans-serif;font-weight:700;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@media (max-width: 980px){.hero{grid-template-columns:1fr;min-height:auto}.hero-stage{min-height:500px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.site-header{position:sticky;top:12px;align-items:center;justify-content:space-between;border-radius:999px;flex-direction:row;gap:0;padding:12px 18px}.menu-toggle{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:20}.menu-toggle span{display:block;width:100%;height:2px;background:var(--ink);border-radius:2px;transition:.3s ease;transform-origin:left center}.menu-toggle.is-active span:nth-child(1){transform:rotate(45deg) scaleX(1.05)}.menu-toggle.is-active span:nth-child(2){opacity:0}.menu-toggle.is-active span:nth-child(3){transform:rotate(-45deg) scaleX(1.05)}.nav-links{position:absolute;top:calc(100% + 8px);right:0;flex-direction:column;background:#fffffff2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:2px solid rgba(255,255,255,.75);border-radius:24px;padding:16px;box-shadow:0 14px 40px #34215d1f;width:200px;gap:12px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s ease}.nav-links.is-active{opacity:1;visibility:visible;transform:translateY(0)}.nav-links a{width:100%;text-align:center;font-size:.95rem;padding:12px}.hero{padding-top:54px}h1{font-size:clamp(2.65rem,18vw,4.5rem)}.hero-stage{min-height:410px}.idol-card{inset:56px 18px auto;min-height:320px}.floating-chip{font-size:.82rem}.tool-grid{grid-template-columns:1fr}.author-profile{flex-direction:column;align-items:center;text-align:center}}