*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg:#fff8fb;--surface:#fff;--surface-soft:#fff0f5;--text:#3d3d3d;--text-light:#6b6b6b;--pink:#ff8fc7;--blue:#8ecbff;--purple:#c8a2ff;--border:#f1d7e3;--shadow:0 10px 30px #0000000f;--radius:20px;--max-width:1100px;--font-title:"Fredoka", "Baloo 2", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif}body{color:var(--text);font-family:var(--font-body);background:linear-gradient(#fff8fb 0%,#fefcff 40%,#f4fbff 100%)}main{overflow:hidden}main,section,header,footer,nav{width:min(100% - 2rem, var(--max-width));margin-inline:auto}section{padding-block:5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);letter-spacing:-.03em;color:#2d2d2d;line-height:1.1}h1{text-align:center;margin-bottom:1rem;font-size:clamp(3rem,8vw,5.5rem)}h2{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3.5rem)}h3{margin-bottom:1rem;font-size:1.5rem}p{max-width:70ch;color:var(--text-light);font-size:1.05rem}p+p{margin-top:1rem}header{text-align:center;width:100%;margin:0}header p{margin-inline:auto;font-size:1.2rem}.hero-image{margin-bottom:1rem}nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffbf;justify-content:center;align-items:center;gap:1rem;padding-block:1rem;display:flex;position:sticky;top:0}nav a{border-radius:999px;padding:.75rem 1rem;font-weight:600;transition:background .2s,transform .2s}nav a:hover{background:var(--surface-soft);transform:translateY(-2px)}article,aside{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fffc;padding:2rem}article p,aside p{margin-top:1rem}button,.button{background:linear-gradient(135deg, var(--pink), var(--purple), var(--blue));color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 8px 20px #c8a2ff59}button:hover,.button:hover{transform:translateY(-3px);box-shadow:0 14px 30px #c8a2ff73}form{gap:1rem;max-width:700px;display:grid}label{font-weight:600}input,textarea,select{border:1px solid var(--border);background:#fff;border-radius:14px;width:100%;padding:1rem}input:focus,textarea:focus,select:focus{border-color:var(--blue);outline:3px solid #8ecbff40}table{border-collapse:collapse;border-radius:var(--radius);background:#fff;width:100%;overflow:hidden}th,td{text-align:left;padding:1rem}thead{background:var(--surface-soft)}tbody tr+tr{border-top:1px solid #f2f2f2}footer{text-align:center;color:var(--text-light);padding-block:3rem;font-size:.95rem}.container{width:min(100% - 2rem, var(--max-width));margin-inline:auto}.grid{gap:2rem;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.center{text-align:center}.hero{text-align:center;padding-block:8rem}.hero h1{background:linear-gradient(135deg, var(--pink), var(--purple), var(--blue));color:#0000;-webkit-background-clip:text;background-clip:text}.badge{box-shadow:var(--shadow);background:#fff;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}