@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{color-scheme:light;font-family:Nunito,ui-sans-serif,system-ui,sans-serif;line-height:1.6;--gold: #f5a623;--gold-light: #fdf0d5;--coral: #ff6b6b;--teal: #20bf6b;--sky: #45aaf2;--purple: #a55eea;--pink: #fd79a8;--cream: #fffbf0;--warm-gray: #636e72}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--cream);color:#2d3436}.app{min-height:100vh;overflow-x:hidden}.hero{position:relative;text-align:center;padding:4rem 2rem 3rem;background:linear-gradient(135deg,#ffecd2,#fcb69f,#ff9a9e);overflow:hidden}.hero-deco{position:absolute;border-radius:50%;opacity:.15;pointer-events:none}.hero-deco-1{width:300px;height:300px;background:var(--gold);top:-80px;left:-60px}.hero-deco-2{width:200px;height:200px;background:var(--coral);bottom:-50px;right:-40px}.hero-icon{font-size:3.5rem;display:block;margin-bottom:.75rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero h1{font-size:2rem;font-weight:800;color:#2d3436;letter-spacing:-.02em;margin-bottom:.75rem}.hero-sub{max-width:540px;margin:0 auto;font-size:1.05rem;color:#4a4a4a;font-weight:600}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:-2rem auto 3rem;padding:0 1.5rem;position:relative;z-index:1}.guide-card{background:#fff;border-radius:1rem;padding:1.75rem;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 20px #0000000f;border:2px solid transparent;position:relative;overflow:hidden}.guide-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--gold),var(--coral),var(--pink));border-radius:1rem 1rem 0 0}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #0000001f;border-color:var(--gold-light)}.guide-card.expanded{border-color:var(--gold);box-shadow:0 8px 30px #f5a62326}.guide-icon{font-size:2.5rem;margin-bottom:.75rem}.guide-card h2{font-size:1.15rem;font-weight:700;color:#2d3436;margin-bottom:.5rem}.guide-desc{font-size:.95rem;color:var(--warm-gray);line-height:1.6}.guide-tip{max-height:0;overflow:hidden;transition:max-height .4s ease,margin .4s ease,opacity .3s ease;opacity:0;margin-top:0;background:linear-gradient(135deg,#fff9e6,#fff3cc);border-radius:.75rem;padding:0 1rem}.guide-card.expanded .guide-tip{max-height:200px;opacity:1;margin-top:1rem;padding:1rem}.tip-label{display:inline-block;background:var(--gold);color:#fff;font-size:.75rem;font-weight:700;padding:.15rem .6rem;border-radius:1rem;margin-bottom:.4rem}.guide-tip p{font-size:.9rem;color:#5a4a2a;font-weight:600}.expand-hint{display:block;text-align:center;font-size:.8rem;color:var(--gold);font-weight:700;margin-top:.75rem;letter-spacing:.02em}.reminder{max-width:700px;margin:0 auto 3rem;padding:0 1.5rem}.reminder-card{background:linear-gradient(135deg,#a8edea,#fed6e3);border-radius:1.25rem;padding:2.5rem;text-align:center}.reminder-card h2{font-size:1.5rem;font-weight:800;margin-bottom:.75rem;color:#2d3436}.reminder-card p{font-size:1rem;color:#4a4a4a;max-width:520px;margin:0 auto 1.25rem;font-weight:600}.reminder-card blockquote{font-style:italic;font-size:.95rem;color:#555;border-left:4px solid var(--gold);padding-left:1rem;max-width:480px;margin:0 auto;text-align:left}.footer{text-align:center;padding:2rem;background:linear-gradient(135deg,#2d3436,#636e72);color:#fff;font-weight:700;font-size:.95rem}@media(max-width:640px){.hero{padding:3rem 1.5rem 2.5rem}.hero h1{font-size:1.5rem}.grid{grid-template-columns:1fr;margin-top:-1.5rem}.reminder-card{padding:1.75rem}}