:root{color-scheme:light;font-family:Comic Sans MS,Chalkboard SE,Marker Felt,ui-sans-serif,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#fef9ef;color:#3d3d3d}.hero{background:linear-gradient(135deg,#ff6b6b,#ffa07a,#ffd93d,#6bcb77,#4d96ff,#9b59b6);background-size:300% 300%;animation:gradientShift 8s ease infinite;text-align:center;padding:3.5rem 1.5rem 3rem;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.15)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero h1{font-size:2.6rem;margin-bottom:.5rem;letter-spacing:.02em}.hero p{font-size:1.2rem;opacity:.95;max-width:36rem;margin:0 auto}.section-title{text-align:center;font-size:1.8rem;margin:2.5rem 0 1.5rem;color:#e85d04}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;max-width:72rem;margin:0 auto 3rem;padding:0 1.5rem}.tip-card{background:#fff;border-radius:1.25rem;padding:1.75rem 1.5rem;box-shadow:0 4px 16px #0000000f;text-align:center;transition:transform .2s,box-shadow .2s;border:3px solid transparent}.tip-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0000001f}.tip-card:nth-child(1){border-color:#ff6b6b}.tip-card:nth-child(2){border-color:#ffd93d}.tip-card:nth-child(3){border-color:#6bcb77}.tip-card:nth-child(4){border-color:#4d96ff}.tip-card:nth-child(5){border-color:#9b59b6}.tip-card:nth-child(6){border-color:#ff922b}.tip-emoji{font-size:3rem;display:block;margin-bottom:.75rem}.tip-card h3{font-size:1.2rem;margin-bottom:.5rem;color:#2d3436}.tip-card p{font-size:.95rem;color:#636e72;line-height:1.5}.pledge-section{background:linear-gradient(135deg,#a29bfe,#6c5ce7);color:#fff;text-align:center;padding:3rem 1.5rem;margin:2rem 0}.pledge-section h2{font-size:2rem;margin-bottom:1rem}.pledge-section p{font-size:1.1rem;max-width:34rem;margin:0 auto 1.5rem;opacity:.95}.pledge-box{background:#fff3;border-radius:1rem;padding:1.5rem 2rem;max-width:32rem;margin:0 auto;font-size:1.05rem;line-height:1.7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stars-section{text-align:center;padding:2rem 1.5rem}.stars-section h2{font-size:1.6rem;margin-bottom:1rem;color:#e85d04}.stars-display{font-size:2.5rem;margin-bottom:1rem}.star-btn{background:linear-gradient(135deg,#ffd93d,#ff922b);color:#fff;border:none;border-radius:2rem;padding:.75rem 2rem;font-size:1.1rem;font-family:inherit;cursor:pointer;box-shadow:0 4px 12px #ff922b4d;transition:transform .15s,box-shadow .15s}.star-btn:hover{transform:scale(1.05);box-shadow:0 6px 18px #ff922b66}.star-btn:active{transform:scale(.97)}.star-count{display:block;margin-top:.75rem;font-size:1rem;color:#636e72}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:72rem;margin:0 auto 3rem;padding:0 1.5rem}.story-card{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 4px 16px #0000000f;border-left:5px solid #6bcb77}.story-card h3{font-size:1.1rem;margin-bottom:.5rem;color:#2d3436}.story-card p{font-size:.93rem;color:#636e72;line-height:1.55}.story-card .story-author{margin-top:.75rem;font-size:.85rem;color:#b2bec3;font-style:italic}.footer{background:#2d3436;color:#dfe6e9;text-align:center;padding:2rem 1rem;font-size:.95rem}.footer span{color:#ffd93d}@media(max-width:600px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.tips-grid,.stories-grid{grid-template-columns:1fr}}