@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary:#0b6b3c;--primary-dark:#064024;--brand-blue:#0d2b4f;--bg-light:#f9fafb;--bg-grey:#eef2f6;--text-main:#111827;--text-muted:#4b5563;--border-color:#0000001f}body{background:var(--bg-light);color:var(--text-main);margin:0;font-family:Inter,sans-serif;overflow-x:hidden}.btn-primary,.bg-primary{background-color:var(--primary)!important;color:#fff!important}button[class*=variant-link],.text-primary,.auth-link{font-weight:600;color:var(--primary)!important;opacity:1!important}.text-muted-foreground{color:#64748b!important}.landing-header{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;background:#fffffff2;justify-content:space-between;align-items:center;padding:.75rem 2rem;display:flex;position:sticky;top:0}.logo-container{z-index:10;align-items:center;gap:.75rem;text-decoration:none;display:flex;position:relative}@keyframes roll-back{0%{transform:translate(180px)rotate(0)}to{transform:translate(0)rotate(-720deg)}}.logo-container img{z-index:20;animation:1.5s ease-out forwards roll-back;position:relative}@keyframes text-appear{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.brand-name{color:var(--brand-blue);letter-spacing:-.02em;opacity:0;z-index:10;font-size:1.25rem;font-weight:800;animation:.8s ease-out 1.5s forwards text-appear;position:relative}.landing-nav{align-items:center;gap:1rem;display:flex}.nav-links-wrapper{align-items:center;display:flex}.nav-divider{background:#ddd;width:1px;height:20px;margin:0 1rem}.nav-link{color:var(--text-muted);white-space:nowrap;margin-right:1.25rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.nav-cta{background:var(--primary);color:#fff;white-space:nowrap;border-radius:6px;padding:.5rem 1rem;font-weight:700;text-decoration:none}.hero-modern{color:#fff;text-align:center;background-image:url(/sports-field.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll;padding:6rem 2rem 8rem;position:relative;overflow:hidden}@media (min-width:1024px) and (hover:hover){.hero-modern{background-attachment:fixed}}.hero-modern:before{content:"";z-index:1;background:linear-gradient(#0b6b3cd1,#0b6b3cd1);position:absolute;inset:0}.hero-container{z-index:2;position:relative}.hero-modern h1{max-width:1000px;margin:0 auto;font-size:clamp(2.2rem,6vw,4.5rem);font-weight:800;line-height:1.1}.text-gradient{background:linear-gradient(90deg,#fff,#c7ffd8);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.hero-modern p{opacity:.95;max-width:800px;margin:0 auto 3rem;font-size:clamp(1.1rem,2vw,1.4rem)}.hero-actions{justify-content:center;gap:1rem;display:flex}.btn-hero-white{color:var(--primary);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:1rem 2rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px #0000001a}.btn-hero-white:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.scroll-indicator{z-index:2;animation:2s infinite bounce;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%)}40%{transform:translate(-50%,-12px)}60%{transform:translate(-50%,-6px)}}.features-section{background-color:var(--bg-grey);padding:6rem 1.5rem}.features-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4.5rem}.section-header h2{color:var(--brand-blue);font-size:2.8rem;font-weight:800}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;display:grid}.feature-card-modern{border:1px solid var(--border-color);background:#fff;border-radius:24px;flex-direction:column;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.feature-card-modern:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 25px -5px #0000001a}.feature-icon-wrapper{background:#f0fdf4;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.75rem;display:flex}.feature-card-modern h3{color:var(--brand-blue);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.feature-card-modern p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.feature-detailed{color:var(--text-main);border-top:1px dashed #ddd;margin-top:1.25rem;padding-top:1.25rem;font-size:.95rem}.feature-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;margin-top:auto;padding-top:1.5rem;font-weight:700;display:flex}.support-section{background:#fff;border-top:1px solid #eee;padding:6rem 2rem}.support-container{justify-content:space-between;align-items:center;gap:3rem;max-width:1100px;margin:0 auto;display:flex}.support-text h2{color:var(--brand-blue);margin:0 0 1rem;font-size:2.5rem;font-weight:800}.support-text p{color:var(--text-muted);max-width:500px;margin:0;font-size:1.15rem}.support-actions{flex-shrink:0;gap:1rem;display:flex}.btn-support{background:var(--brand-blue);color:#fff;white-space:nowrap;border-radius:12px;align-items:center;padding:1rem 1.75rem;font-weight:700;text-decoration:none;display:flex}.btn-support-outline{color:var(--text-main);white-space:nowrap;border:2px solid #ddd;border-radius:12px;padding:1rem 1.75rem;font-weight:700;text-decoration:none}.diary-callout-dark{color:#fff;text-align:center;background:linear-gradient(135deg,#0b6b3c 0%,#064024 100%);border-radius:32px;margin:0 2rem 6rem;padding:4rem 2rem}.diary-content h3{margin-bottom:1rem;font-size:2.2rem}.diary-content p{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.landing-footer{background:var(--brand-blue);color:#fff;text-align:center;padding:5rem 2rem}@media (max-width:768px){@keyframes roll-back-mobile{0%{transform:translate(60px)rotate(0)}to{transform:translate(0)rotate(-720deg)}}.logo-container img{animation-name:roll-back-mobile;animation-duration:1.5s}.hero-modern{background-attachment:scroll;padding:4rem 1rem 5rem}.nav-links-wrapper{display:none}.hero-actions{flex-direction:column;align-items:center}.btn-hero-white{width:100%;max-width:320px}.feature-grid{grid-template-columns:1fr}.section-header h2{font-size:2.2rem}.support-container{text-align:center;flex-direction:column}.support-actions{flex-direction:column;align-items:center;gap:1rem;width:100%}.btn-support,.btn-support-outline{white-space:normal;text-align:center;justify-content:center;width:100%;max-width:300px}.btn-support svg,.btn-support-outline svg{flex-shrink:0;margin-right:.5rem}}