.page-login{font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#333;background:#fff;max-width:100%;overflow-x:hidden}.page-login__hero-section{display:flex;flex-direction:column;align-items:center;padding:10px 16px 0;background:#fff}@media(min-width:769px){.page-login__hero-section{flex-direction:row;align-items:center;justify-content:center;gap:24px;max-width:1200px;margin:0 auto}}.page-login__hero-image-container{width:100%;max-width:1020px}.page-login__hero-image{width:100%;height:auto;aspect-ratio:17/5;object-fit:cover;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.08)}@media(max-width:768px){.page-login__hero-image{aspect-ratio:16/9}}.page-login__hero-content{position:static;z-index:auto;text-align:center;padding-top:18px;max-width:640px;margin:0 auto}@media(min-width:769px){.page-login__hero-content{text-align:left;padding-top:0;padding-left:24px;max-width:460px;margin:0}}.page-login__main-title{font-weight:800;line-height:1.3;letter-spacing:.5px;color:#017439;margin:0 0 12px;max-width:35ch;font-size:clamp(1.2rem,2.2vw,1.6rem)}.page-login__sub-description{font-size:clamp(.9rem,1.5vw,1rem);line-height:1.65;color:#333;margin:0 0 18px}.page-login__hero-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;width:100%;max-width:100%;overflow:hidden}@media(min-width:769px){.page-login__hero-actions{justify-content:flex-start}}.page-login__cta-button{display:inline-block;padding:12px 32px;border-radius:50px;text-decoration:none;text-align:center;font-weight:700;font-size:1rem;max-width:100%;box-sizing:border-box;border:2px solid transparent;transition:transform .2s,box-shadow .2s}.page-login__cta-button:active{transform:scale(.97)}.page-login__cta-button--login{background-color:#C30808;color:#FFFF00;border-color:#C30808}.page-login__cta-button--login:hover{box-shadow:0 6px 18px rgba(195,8,8,.35)}.page-login__cta-button--register{background-color:#C30808;color:#FFFF00}.page-login__cta-button--register:hover{box-shadow:0 6px 18px rgba(195,8,8,.35)}@media(max-width:768px){.page-login__cta-button{width:auto;min-width:0;max-width:100%;white-space:normal;word-wrap:break-word}} .page-login__feature-grid{display:grid;grid-template-columns:1fr;gap:24px;padding:36px 16px;max-width:1200px;margin:0 auto}@media(min-width:600px){.page-login__feature-grid{grid-template-columns:repeat(3,1fr);gap:30px;padding:50px 16px}}.page-login__feature-item{background:linear-gradient(145deg,#fff 60%,#e6f4ec);border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px rgba(1,116,57,.08);border-left:6px solid #017439;transition:transform .25s}.page-login__feature-item:hover{transform:translateY(-4px)}.page-login__feature-title{color:#017439;font-size:1.15rem;margin:0 0 10px;letter-spacing:.3px}.page-login__feature-text{color:#333;font-size:.95rem;line-height:1.6;margin:0}.page-login__benefits-section{padding:30px 16px 20px;background:#f4fbf7;max-width:1200px;margin:0 auto;border-radius:24px 24px 0 0}.page-login__section-title,.page-login__guide-title,.page-login__faq-title{color:#017439;font-size:1.45rem;line-height:1.3;font-weight:800;text-align:center;margin:0 0 20px;letter-spacing:.3px}.page-login__benefits-list{list-style:none;padding-left:0;margin:0 auto;max-width:800px;display:flex;flex-direction:column;gap:14px}.page-login__benefits-list li{position:relative;padding-left:16px;color:#333;line-height:1.7}.page-login__benefits-list li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#FFFF00;border:1px solid #C30808;border-radius:50%}.page-login__guide-section{padding:40px 16px 0;max-width:1200px;margin:0 auto}.page-login__guide-title{margin-bottom:10px}.page-login__guide-inner{display:flex;flex-direction:column;align-items:center} .page-login__guide-intro{max-width:760px;text-align:left;margin:0 auto 20px;line-height:1.6;color:#333}.page-login__guide-figure{margin:20px auto;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.page-login__guide-image{width:100%;max-width:800px;height:auto;aspect-ratio:2/1;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)}.page-login__figure-caption{font-style:italic;color:#555;font-size:.9rem;margin-top:10px}.page-login__steps-list{max-width:760px;margin:0 auto;padding-left:20px;display:flex;flex-direction:column;gap:12px;color:#333;line-height:1.7}.page-login__steps-list li::marker{color:#017439;font-weight:700}@media(max-width:768px){.page-login__guide-title,.page-login__section-title,.page-login__faq-title{font-size:1.2rem}.page-login__guide-figure{width:100%;max-width:100%;margin:12px 0}.page-login__guide-image{aspect-ratio:2/1;width:100%;height:auto}.page-login__steps-list{padding-left:16px}}.page-login__faq-section{max-width:800px;margin:0 auto;padding:36px 16px 16px;width:100%}.page-login__faq-item{margin:0 0 14px;border-radius:14px;background:#fff;border:1px solid #ddd;overflow:hidden}.page-login__faq-item details{border-radius:14px;padding:0}.page-login__faq-item summary{cursor:pointer;padding:16px 48px 16px 16px;list-style:none;position:relative;font-weight:600;color:#017439;display:flex;justify-content:space-between}.page-login__faq-item summary::-webkit-details-marker{display:none}.page-login__faq-toggle{color:#C30808;font-size:1.4rem;line-height:1;margin-left:8px;display:inline-block}.page-login__faq-item[open] summary .page-login__faq-toggle{transform:rotate(45deg)}.page-login__faq-anwser{padding:0 16px 16px;color:#333;background:#fff}.page-login__app-download{text-align:center;padding:40px 16px 20px;max-width:1200px;margin:0 auto}.page-login__app-title{color:#017439;font-size:1.3rem;font-weight:800;margin-bottom:8px}@media(max-width:768px){.page-login__app-title{font-size:1.1rem}}.page-login__app-text{color:#333;margin:8px auto 18px}.page-login__download-btn{display:inline-block;padding:12px 30px;background:#C30808;color:#FFFF00;text-decoration:none;border-radius:50px;font-weight:700;box-sizing:border-box;max-width:100%;white-space:normal;word-wrap:break-word}.page-login__hero-image,.page-login__guide-image,.page-login img{max-width:100%;height:auto}.page-login__feature-item *,.page-login img{border-radius:8px}.page-login .page-login__hero-image,.page-login__guide-image{filter:none}.page-login__feature-grid,.page-login__benefits-section,.page-login__faq-section,.page-login__guide-section,.page-login__app-download{box-sizing:border-box;width:100%;max-width:100%}@media(max-width:768px){.page-login{max-width:100vw;overflow-x:hidden}.page-login__feature-grid{padding:20px 12px}.page-login__benefits-section{padding:20px 14px}.page-login__faq-item summary{flex-wrap:wrap}.page-login__cta-button,.page-login__download-btn{white-space:normal;word-break:break-word;box-sizing:border-box}.page-login .page-login__guide-image,.page-login .page-login__hero-image{max-width:100%} .page-login img{max-width:100% !important;height:auto !important} .page-login__hero-section,.page-login__feature-item,.page-login__guide-inner,.page-login__faq-section{overflow-wrap:break-word;overflow-x:hidden}}