:root{--primary-color:#81a439;--primary-hover:#6a882e;--secondary-color:#FFC107;--secondary-hover:#FFA000;--light-bg:#f8f9fa;--dark-text:#333;--light-text:#6c757d;--border-color:#dee2e6;--log-color:#A5C962;--sign-color:#e9c817;--page-max-width:1300px;--hero-width:min(75vw,1200px);--header-h:96px;font-size:16px}@media (max-width:1200px){:root{--header-h:88px}}@media (max-width:1024px){:root{--header-h:72px}}@media (max-width:768px){:root{--header-h:64px}}@media (max-width:480px){:root{--header-h:56px}}@media (max-width:1024px){:root{--hero-width:min(86vw,1200px)}}@media (max-width:768px){:root{--hero-width:min(92vw,1200px)}}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial,sans-serif;color:var(--dark-text);background:#fff}.landing-page-container{display:flex;flex-direction:column;padding-top:var(--header-h);min-height:calc(100vh - var(--header-h))}@supports (height:100dvh){.landing-page-container{min-height:calc(100dvh - var(--header-h))}}.landing-header{position:fixed;inset:0 0 auto 0;height:var(--header-h);min-height:var(--header-h);z-index:1000;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.08);display:flex;align-items:center;justify-content:space-between;padding:6px 3vw}.landing-logo{display:flex;align-items:center;height:100%;max-height:calc(var(--header-h) - 10px)}.landing-logo img{display:block;width:auto;height:auto;max-height:100%}@media (min-width:1025px){.landing-logo img{max-width:9.8rem}}@media (min-width:769px) and (max-width:1024px){.landing-logo img{max-width:9.2rem}}@media (max-width:768px){.landing-logo img{max-width:7.2rem}}.header-right-group{display:flex;align-items:center;gap:2.5vw}.main-nav{position:absolute;left:50%;transform:translateX(-50%)}.main-nav ul{display:flex;align-items:center;gap:2.2rem;margin:0;padding:0;list-style:none}.main-nav a{text-decoration:none;color:var(--dark-text);font-weight:500;font-size:clamp(.86rem,1.2vw,1rem);transition:color .2s ease}.main-nav a:hover{color:var(--primary-color)}.auth-block{display:flex;gap:1rem}.header-action-btn{padding:.7rem 1.5rem;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--dark-text);font-family:inherit;font-weight:500;font-size:clamp(.85rem,2vw,.95rem);line-height:1.2;min-width:8rem}.header-action-btn.login{background-color:var(--log-color);color:var(--dark-text);border:1px solid #99BB55}.header-action-btn.login:hover{background-color:#99BB55;border-color:#8EAB52;transform:translateY(-2px)}.header-action-btn.signup{background-color:var(--sign-color);color:var(--dark-text);border:1px solid #C8A23D}.header-action-btn.signup:hover{background-color:#dabd26;border-color:#B38F36;transform:translateY(-2px)}#welcome-block{display:flex;flex-direction:row;align-items:center;gap:.75rem;width:auto}#user-welcome{white-space:nowrap;max-width:22ch;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:var(--light-text);text-align:center;word-break:break-all;font-size:clamp(.85rem,2vw,1rem)}#logout-btn{width:auto;padding:.6rem 1rem;background:transparent;color:var(--primary-color);font-weight:600;border:2px solid var(--primary-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:clamp(.85rem,1.4vw,.95rem)}#logout-btn:hover{background:var(--primary-color);color:#fff}.hamburger-menu{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;padding:0;cursor:pointer;z-index:2010}.hamburger-menu__bar{width:2rem;height:.25rem;background:var(--dark-text);border-radius:10px;transition:all .3s linear;transform-origin:1px}.hamburger-menu.is-active .hamburger-menu__bar:nth-child(1){transform:rotate(45deg)}.hamburger-menu.is-active .hamburger-menu__bar:nth-child(2){opacity:0;transform:translateX(-20px)}.hamburger-menu.is-active .hamburger-menu__bar:nth-child(3){transform:rotate(-45deg)}.hero-section{width:100%;padding:clamp(.5rem,1.2vh,1rem) 3vw .75rem 3vw;display:flex;justify-content:center;position:relative;flex-grow:1}.hero-image-placeholder{width:var(--hero-width);margin:0 auto;position:relative;aspect-ratio:21 / 9;display:flex;justify-content:center;align-items:center}@media (max-width:1024px){.hero-image-placeholder{aspect-ratio:18 / 9}}@media (max-width:768px){.hero-image-placeholder{aspect-ratio:16 / 9}}.hero-image-placeholder img{width:100%;height:100%;object-fit:contain;border-radius:12px}.hero-image-text{position:absolute;z-index:1;color:var(--dark-text);left:50%;transform:translateX(-50%);text-align:center;width:calc(var(--hero-width) - 2rem);max-width:calc(var(--hero-width) - 2rem);padding:0 1rem;font-style:italic;font-size:clamp(1.05rem,0.9rem + 0.9vw,1.8rem);line-height:1.25;text-shadow:0 1px 3px rgba(255,255,255,.2)}@media (min-width:1025px){.hero-image-text{top:8.5%}}@media (max-width:1024px) and (min-width:769px){.hero-image-text{top:10.5%}}@media (max-width:768px){.hero-image-text{top:20%;width:calc(var(--hero-width) - 1rem);max-width:calc(var(--hero-width) - 1rem);font-size:clamp(1.05rem,.9rem + 1.8vw,1.35rem)}}.advantages-section{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:.5rem 0 0;width:var(--hero-width);margin:0 auto}@media (min-width:1025px){.advantages-section{width:calc(var(--hero-width) - 4vw);max-width:calc(1200px - 4vw)}}.advantage-card{text-align:left}.advantage-card h3{font-size:clamp(0.95rem,0.80rem + 0.38vw,1.05rem);margin:0 0 .55rem 0;color:var(--dark-text);letter-spacing:0.1px}.advantage-card p{font-size:clamp(0.82rem,0.76rem + 0.22vw,0.92rem);color:var(--light-text);line-height:1.6;margin:0}@media (max-width:1024px){.advantages-section{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width:640px){.advantages-section{grid-template-columns:1fr;gap:1.25rem}.advantage-card h3{font-size:clamp(1rem,2.9vw,1.15rem)}}.content-cta-container{max-width:var(--hero-width);margin:0 auto;padding:1.2rem 0 3rem 0;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.content-cta-button{display:inline-block;padding:.7rem 1.5rem;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:600;border-radius:8px;border:2px solid var(--primary-color);color:var(--primary-color);background:transparent;text-decoration:none;text-align:center;transition:all .3s ease}.content-cta-button:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(106,136,46,.25)}.content-cta-button.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.content-cta-button.primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px rgba(106,136,46,.35)}.content-cta-button.disabled{background:#e9ecef;color:#adb5bd;border-color:#dee2e6;cursor:not-allowed;pointer-events:none}.cta-button-wrapper{position:relative;display:inline-block}.cta-button-wrapper .tooltip-text{visibility:hidden;opacity:0;width:220px;background:var(--light-bg);color:var(--dark-text);border:1px solid var(--border-color);box-shadow:0 4px 12px rgba(0,0,0,.08);text-align:center;border-radius:8px;padding:10px 14px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-110px;transition:opacity .3s}.cta-button-wrapper .tooltip-text::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--light-bg) transparent transparent transparent}.cta-button-wrapper:hover .content-cta-button.disabled + .tooltip-text{visibility:visible;opacity:1}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:2000}.modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:30rem;background:#fff;padding:2.5rem 2.2rem 2rem 2.2rem;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.2);z-index:2001;text-align:center}.modal h3{font-size:clamp(1.8rem,4vw,2.2rem);font-weight:600;margin:0 auto 2.5rem auto;color:var(--dark-text)}.close-modal{position:absolute;top:1rem;right:1rem;font-size:2.5rem;color:#ccc;background:none;border:none;cursor:pointer;line-height:1;transition:color .2s ease}.close-modal:hover{color:var(--dark-text)}.auth-form-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.input-container,.password-container{width:100%;position:relative}.auth-form-modal input{width:100%;padding:.8rem .5rem;border:none;border-bottom:2px solid var(--border-color);background:transparent;text-align:left;font-size:clamp(1rem,2vw,1.1rem);transition:border-color .3s ease}.password-container input{padding-right:2.5rem}.auth-form-modal input:focus{outline:none;border-bottom-color:var(--primary-color)}.auth-form-modal input::placeholder{color:#ccc}.toggle-password{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);cursor:pointer;user-select:none;color:#aaa}.submit-btn-modal{width:50%;padding:.9rem;margin-top:1rem;background:#fff;color:var(--dark-text);font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:clamp(1rem,2vw,1.1rem);box-shadow:0 4px 20px rgba(76,165,68,.3)}.submit-btn-modal:hover{transform:translateY(-3px);box-shadow:0 7px 25px rgba(76,165,68,.35)}.message-area{margin-top:1rem;color:#d93025;font-size:.9rem;font-weight:500}.auth-form-modal input:-webkit-autofill,.auth-form-modal input:-webkit-autofill:hover,.auth-form-modal input:-webkit-autofill:focus,.auth-form-modal input:-webkit-autofill:active{-webkit-text-fill-color:var(--dark-text)!important;box-shadow:0 0 0 1000px #F0E68C inset!important;transition:background-color 5000s ease-in-out 0s}.landing-footer{margin-top:auto;padding:1.5vh 0;text-align:center;color:var(--light-text);font-size:.9rem}@media (max-width:768px){.main-nav{display:none}.header-right-group{display:none}.hamburger-menu{display:flex}.landing-header,.main-header,.app-header{padding:.5rem 4vw}.hamburger-menu{width:44px;height:44px;padding:10px}.hamburger-menu__bar{width:20px;height:2.5px;border-radius:2px}.hero-image-text{top:10.5%;font-size:clamp(.8rem,3.2vw,1.05rem);padding:0 .5rem}body.menu-open{overflow:hidden}.main-nav.is-open{display:flex!important;position:fixed!important;top:var(--header-h);left:0;right:0;transform:none!important;z-index:2005;flex-direction:column;gap:1.5rem;background:rgba(255,255,255,.98);backdrop-filter:blur(5px);height:calc(100vh - var(--header-h));overflow:auto;padding:24px 6vw 140px}.main-nav.is-open ul{display:flex!important;flex-direction:column;gap:1.5rem;margin:0;padding:0;list-style:none}.main-nav.is-open a{font-size:1.25rem;font-weight:600}.menu-actions{position:fixed;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:2006;display:flex;justify-content:center;gap:1rem;padding:0 6vw}.menu-actions .header-action-btn{min-width:min(44%,14rem);padding:.9rem 1.1rem;font-size:1rem;border-radius:12px}@media (max-width:380px){.menu-actions{flex-direction:column;align-items:stretch}.menu-actions .header-action-btn{min-width:100%}}}@supports (height:100dvh){@media (max-width:768px){.main-nav.is-open{height:calc(100dvh - var(--header-h))}}}