header.hero-header{background-color:var(--bg-light);flex-direction:column;align-items:center;padding:1rem 1.5rem 0;display:flex}header.hero-header h1{color:var(--primary-color);margin-bottom:.5rem;font-size:5rem;font-weight:400;line-height:1.1}.decor-line{height:28px;color:var(--primary-color);justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.decor-line .heart{font-size:3rem;font-weight:400}@media (width<=768px){header.hero-header{padding:1.5rem 1rem .5rem}header.hero-header h1{margin:0 0 .2rem}header h1,.header-decoration svg{line-height:1}header.hero-header .decor-line{margin-top:.25rem}}@media (width<=480px){header.hero-header,main .home{min-height:auto}.hero-image img{max-width:100%;height:auto;margin:0 auto;display:block}}:root{--primary-color:#a085e2;--secondary-color:#7fd1b9;--bg-light:#e2d4f7;--card-bg:#cdb5f2;--text-dark:#333;--text-light:#f0ebfc;--font-body:"Montserrat", sans-serif;--font-button:"Poppins", sans-serif;--font-heading:"Sacramento", cursive;--font-code:"Courier New", monospace}body,main{margin:0;padding:0}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--text-dark);background-color:var(--bg-light);margin:0;padding:0;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3,.task-card .task-title{font-family:var(--font-heading);text-align:center;letter-spacing:.5px;color:var(--primary-color);margin-bottom:1.2rem;font-size:3rem;font-weight:400}code{font-family:var(--font-code)}.container{flex-direction:column;justify-content:center;align-items:center;max-width:480px;min-height:auto;margin:0 auto;padding:1.5rem;display:flex}.app-content{flex-direction:column;flex:1;justify-content:center;align-items:center;padding-bottom:70px;display:flex}button,.cta-button{font-family:var(--font-button);cursor:pointer;text-align:center;border:none;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;transition:background-color .3s,color .3s,transform .2s,box-shadow .2s;display:inline-block;box-shadow:0 3px 8px #0000001a}button:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.cta-button,.cta-button.cta-task{background-color:var(--primary-color);color:var(--text-light);border-radius:999px;margin:1rem 0}header nav a,.bottom-nav .nav-links a{background-color:var(--primary-color);color:var(--text-dark);border-radius:8px;padding:.5rem 1rem;font-weight:700;transition:background-color .3s,color .3s}footer .nav-links a{text-align:center;flex:1}header nav a:hover,.bottom-nav .nav-links a:hover,header nav a.active,.bottom-nav .nav-links a.active{background-color:var(--primary-color);color:var(--text-light)}.hero-image .photo-credit{font-family:var(--font-body);color:var(--text-dark);text-align:right;margin-top:4px;font-size:.7rem;line-height:1.2}@media (width<=768px){header.hero-header nav{height:0;margin:0;padding:0;line-height:0;display:none}}@media (width<=480px){main .app-content{min-height:auto}}.bottom-nav{background-color:var(--bg-light);color:var(--text-light);z-index:1000;border-top:1px solid #0000001a;flex-direction:column;align-items:center;max-width:480px;margin:0 auto;padding:.5rem 0;font-size:.9rem;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav .nav-links{flex-wrap:wrap;justify-content:space-around;gap:8px;width:100%;max-width:480px;margin:0 auto;display:flex}.bottom-nav .nav-links a{text-align:center;display:inline-block}.bottom-nav .copyright{text-align:center;color:var(--text-dark);letter-spacing:.3px;opacity:.7;margin-top:.5rem;margin-bottom:.4rem;font-size:.7rem}@media (width>=769px){.bottom-nav .nav-links{display:none}}.pages-container{max-width:480px;margin:0 auto;padding:1.5rem 1.5rem 3rem}.hero-image{width:100%;margin:0 auto}.hero-image img{object-fit:cover;object-position:center;border-radius:12px;width:100%;margin-top:1rem;margin-bottom:1rem;display:block;box-shadow:0 4px 12px #0000001a}.home-content{text-align:center;max-width:420px;margin:0 auto}.home h2{margin-bottom:1.2rem;font-size:2.5rem}.home-content p{color:var(--text-dark);text-align:center;margin-bottom:1rem;font-size:1rem;line-height:1.6}.home{padding-bottom:4rem}@media (width<=768px){.hero-image img{max-height:260px;margin-top:.5rem}}@media (width<=480px){.home{padding-bottom:5.5rem}.home h2{font-size:1.6rem}.home-content p{font-size:.95rem}}.tasks-page{font-family:var(--font-body);padding-bottom:5rem}.tasks-list{flex-direction:column;gap:1.2rem;display:flex}.task-card{text-align:center;background:var(--card-bg);border-radius:18px;padding:1.2rem;transition:transform .15s,box-shadow .15s;box-shadow:0 6px 16px #00000014}.task-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000001f}.task-card h2{color:var(--text-dark);letter-spacing:.5px;margin:1.2rem 0 1rem;font-weight:400}.task-card p{color:var(--text-dark);margin:.25rem 0;font-size:1rem;line-height:1.5}.task-card .task-category{text-align:center;opacity:.5;margin-top:1.5rem;font-size:.8rem}.about-page p{text-align:justify;margin-bottom:1.25rem;font-size:1rem}.about-page p strong{color:var(--primary-color)}@media (width<=480px){.about-page{padding:1.5rem .75rem}.about-page h2{font-size:2rem}.about-page p{font-size:.95rem}}