:root{--yellow: #FFD60A;--orange: #FF6B35;--pink: #FF6B9D;--purple: #7B61FF;--blue: #4ECDC4;--green: #45B761;--bg: #FFFDF7;--text: #2D2D2D;--card-bg: #FFFFFF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}#root{min-height:100vh}.navbar{position:sticky;top:0;z-index:100;background:#fffdf7e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--yellow);padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.nav-logo{font-size:1.4rem;font-weight:800;color:var(--orange);display:flex;align-items:center;gap:.5rem}.nav-links{display:flex;gap:1.5rem;list-style:none;flex-wrap:wrap}.nav-links a{text-decoration:none;color:var(--text);font-weight:600;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--purple)}.hero{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fff9e6,#ffe8f0,#e8f4fd);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255,214,10,.15) 0%,transparent 50%),radial-gradient(circle at 70% 50%,rgba(123,97,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite}@keyframes float{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-2%,2%) rotate(1deg)}}.hero-content{position:relative;z-index:1;max-width:700px}.hero-badge{display:inline-block;background:var(--yellow);color:var(--text);padding:.4rem 1.2rem;border-radius:2rem;font-weight:700;font-size:.85rem;margin-bottom:1.5rem;letter-spacing:.05em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.1;margin-bottom:1rem;background:linear-gradient(135deg,var(--orange),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1.1rem,2.5vw,1.3rem);color:#555;max-width:550px;margin:0 auto 2rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:2rem;font-weight:700;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.btn-primary{background:var(--orange);color:#fff}.btn-secondary{background:#fff;color:var(--text);border:2px solid #ddd}.section{padding:5rem 2rem;max-width:1100px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-header h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:.5rem}.section-header p{color:#777;font-size:1.1rem;max-width:500px;margin:0 auto}.section-tag{display:inline-block;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--purple);margin-bottom:.5rem}.what-section{background:#fff;border-radius:2rem;padding:3rem;margin:0 2rem;max-width:1100px;margin:-2rem auto 0;position:relative;z-index:2;box-shadow:0 10px 40px #0000000f}.what-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2rem}.what-card{text-align:center;padding:2rem 1.5rem;border-radius:1.2rem;transition:transform .2s}.what-card:hover{transform:translateY(-4px)}.what-card-icon{font-size:3rem;margin-bottom:1rem;display:block}.what-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.what-card p{font-size:.95rem;color:#666}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.tip-card{background:#fff;border-radius:1.2rem;padding:2rem;border-left:4px solid;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0000000a}.tip-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #00000014}.tip-card:nth-child(1){border-color:var(--orange)}.tip-card:nth-child(2){border-color:var(--purple)}.tip-card:nth-child(3){border-color:var(--blue)}.tip-card:nth-child(4){border-color:var(--green)}.tip-card:nth-child(5){border-color:var(--pink)}.tip-card:nth-child(6){border-color:var(--yellow)}.tip-number{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;font-weight:800;font-size:.9rem;color:#fff;margin-bottom:1rem}.tip-card:nth-child(1) .tip-number{background:var(--orange)}.tip-card:nth-child(2) .tip-number{background:var(--purple)}.tip-card:nth-child(3) .tip-number{background:var(--blue)}.tip-card:nth-child(4) .tip-number{background:var(--green)}.tip-card:nth-child(5) .tip-number{background:var(--pink)}.tip-card:nth-child(6) .tip-number{background:var(--yellow);color:var(--text)}.tip-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.tip-card p{font-size:.95rem;color:#666}.stories-section{background:linear-gradient(135deg,#f5f0ff,#fff5f5);border-radius:2rem;padding:3rem;margin:0 2rem 3rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.story-card{background:#fff;border-radius:1.2rem;overflow:hidden;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #0000000d}.story-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0000001a}.story-image{height:180px;display:flex;align-items:center;justify-content:center;font-size:5rem}.story-card:nth-child(1) .story-image{background:linear-gradient(135deg,#ffe8cc,#ffd699)}.story-card:nth-child(2) .story-image{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.story-card:nth-child(3) .story-image{background:linear-gradient(135deg,#e3f2fd,#bbdefb)}.story-body{padding:1.5rem}.story-body h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.story-body p{font-size:.95rem;color:#666;margin-bottom:1rem}.story-quote{font-style:italic;color:var(--purple);font-weight:600;font-size:.9rem;border-left:3px solid var(--purple);padding-left:1rem}.tracker-section{background:#fff;border-radius:2rem;padding:3rem;margin:0 2rem 3rem;box-shadow:0 10px 40px #0000000f}.tracker-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:2rem}.day-card{background:#f8f9fa;border-radius:1rem;padding:1.5rem 1rem;text-align:center;transition:transform .2s,background .2s;cursor:pointer;border:2px solid transparent}.day-card:hover{transform:scale(1.05);background:#fff9e6;border-color:var(--yellow)}.day-card.completed{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-color:var(--green)}.day-icon{font-size:2.5rem;margin-bottom:.5rem;display:block}.day-name{font-weight:700;font-size:.95rem;margin-bottom:.3rem}.day-status{font-size:.8rem;color:#999}.day-card.completed .day-status{color:var(--green);font-weight:600}.quotes-section{background:linear-gradient(135deg,var(--purple),#5B3FE0);border-radius:2rem;padding:3rem;margin:0 2rem 3rem;color:#fff;text-align:center}.quotes-section h2{color:#fff}.quotes-section .section-tag{color:var(--yellow)}.quote-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1.2rem;padding:2.5rem;max-width:600px;margin:2rem auto 0}.quote-text{font-size:1.3rem;font-weight:600;font-style:italic;margin-bottom:1rem;line-height:1.5}.quote-author{font-size:.95rem;opacity:.8}.quote-nav{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.quote-dot{width:10px;height:10px;border-radius:50%;background:#ffffff4d;border:none;cursor:pointer;transition:background .2s}.quote-dot.active{background:var(--yellow)}.pledge-section{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#fff9e6,#ffe8f0);border-radius:2rem;margin:0 2rem 3rem}.pledge-box{max-width:600px;margin:2rem auto 0;background:#fff;border-radius:1.2rem;padding:2.5rem;box-shadow:0 10px 40px #00000014;border:3px solid var(--yellow)}.pledge-text{font-size:1.15rem;line-height:1.8;color:#444}.pledge-text strong{color:var(--orange)}.pledge-btn{margin-top:1.5rem;background:var(--green);color:#fff;padding:.8rem 2rem;border-radius:2rem;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:transform .2s}.pledge-btn:hover{transform:scale(1.05)}.pledge-btn.signed{background:var(--purple)}.footer{text-align:center;padding:2rem;background:var(--text);color:#fff9;font-size:.9rem}.footer a{color:var(--yellow);text-decoration:none}.footer-emojis{font-size:1.5rem;margin-bottom:.5rem}.confetti{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.confetti-piece{position:absolute;width:10px;height:10px;border-radius:2px;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(-100vh) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@media(max-width:768px){.navbar{padding:.75rem 1rem;justify-content:center}.nav-links{gap:1rem}.hero{padding:3rem 1.5rem;min-height:70vh}.section{padding:3rem 1rem}.what-section,.stories-section,.tracker-section,.quotes-section,.pledge-section{margin:0 1rem 2rem;padding:2rem 1.5rem}.stories-grid{grid-template-columns:1fr}.tracker-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}