:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#fff;color:#0f172a}a{color:inherit}button{font-family:inherit}:root{--bg: #ffffff;--text: #19435B;--muted: #45776B;--primary: #0f4f5a;--primary-2: #1d7874;--border: #dbe3ea}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.app-container{display:flex;min-height:100%;flex-direction:column}.app-main{flex:1;background:none}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 18px;border-radius:24px;border:1px solid var(--border);text-decoration:none;color:var(--text);background:#fff}.btn.primary{background:var(--primary);color:#fff;border-color:var(--primary);text-align:center}.btn.primary.full{width:100%;text-align:center}.btn.small{padding:8px 12px;font-size:14px}.page{padding:32px 0 40px}.section-header{text-align:center;margin-bottom:24px}.navbar{position:static;top:0;z-index:20}.nav-content{display:flex;align-items:center;justify-content:space-between;height:68px;position:relative}.brand-link{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{margin-top:40px;height:190px}.brand-text{font-size:20px;font-weight:700;font-style:italic;color:var(--text);white-space:nowrap;margin-top:20px}.nav-links{display:flex;gap:18px;align-items:center}.link{text-decoration:none;background-color:#f4f6f9;color:var(--muted);padding:8px 10px;border-radius:40px;transition:all .3s ease;font-size:larger;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;min-width:40px}.nav-icon-wrapper{position:relative;display:inline-block}.nav-icon{font-size:24px;display:inline-block;transition:transform .3s ease;position:relative}.nav-text{display:none;position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:1000}.nav-text:after{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid var(--text)}.link:hover .nav-text{display:block;opacity:1;transform:translate(-50%) translateY(-2px)}.link:hover{background-color:#19435b;color:#fff}.link:hover .nav-icon{transform:scale(1.1)}.link.active{color:var(--text);font-size:larger;font-weight:700}.link.active :hover{color:#fff;font-size:larger;font-weight:700}.link.active .nav-icon{transform:scale(1.15)}.link.btn{background:#113a4a;color:#fff}.link.btn .nav-text{background:#113a4a}.link.btn .nav-text:after{border-bottom-color:#113a4a}.menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:8px;z-index:100}.hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:20px;cursor:pointer}.hamburger span{width:100%;height:3px;background-color:var(--text, #333);border-radius:3px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.brand-text{font-size:16px;margin-top:40px}.brand-logo{height:150px}.menu-toggle{display:block}.nav-links{position:fixed;top:68px;left:0;width:100%;height:calc(100vh - 68px);background:#fff;flex-direction:column;align-items:flex-start;padding:20px;gap:0;transform:translate(-100%);transition:transform .3s ease-in-out;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.nav-links.open{transform:translate(0);display:flex;align-items:center;text-align:center}.nav-links .link{width:100%;padding:15px 10px;border-bottom:1px solid var(--border, #e0e0e0);display:flex;align-items:center;justify-content:flex-start;gap:12px}.nav-text{display:inline-block!important;position:static;transform:none;opacity:1;background:transparent;color:inherit;padding:0;font-size:larger;font-weight:700}.nav-text:after{display:none}.link:hover .nav-text{transform:none}.nav-links .link:last-child{border-bottom:none;font-size:x-large;margin-top:30px;text-align:center;width:10rem}.brand-logo{height:80px}}.cart-badge{position:absolute;top:-8px;right:-8px;background:#f44;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid #fff;z-index:10}@media(max-width:480px){.brand-logo{height:90px}.nav-content{height:60px}.nav-links{top:60px;height:calc(100vh - 60px)}}.footer{margin-top:60px;padding:16px 0;position:relative}.footer:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/hailuo_abstract_background-BYPY7QBi.png);background-size:cover;background-position:center;filter:blur(3px);z-index:-1;pointer-events:none}.footer-left{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:center;gap:40px;font-size:larger;font-weight:700}.footer-logo{height:155px}.footer-links{list-style:none;display:flex;flex-direction:column;align-items:center;gap:16px;padding:0;margin:0}.footer-links a{color:#19435b;text-decoration:none;font-weight:900}.footer-contact{text-align:center;font-weight:800}.footer-social{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:center;margin-top:-20px}.footer-social a{color:#19435b;text-decoration:none;transition:transform .3s ease,color .3s ease;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px}.footer-social a:hover{transform:translateY(-3px);color:#45776b}.social-icon{font-size:28px;width:28px;height:28px;color:inherit}.footer h3{color:#45776b;margin:0}.footer-left h3{margin-top:-40px;color:#19435b}.footer-contact h3{margin-right:20px}.footer-contact-wrapper{display:flex;align-items:center;gap:30px;margin-top:40px;margin-left:40px;flex-wrap:wrap}.footer-contact-items{display:flex;flex-direction:column;gap:10px}.footer-contact-item{display:flex;align-items:center;gap:10px;margin:0}.footer-contact-address{font-size:15px;width:20rem;line-height:1.6;display:flex;align-items:center;gap:10px;margin:0}.footer-icon{color:#45776b}.footer-location-icon{color:#45776b;margin-top:4px;flex-shrink:0}@media screen and (max-width:768px){.footer-contact{text-align:center}.footer-content{justify-items:center}.footer-links{justify-content:center}.footer-left{display:flex;height:auto;width:auto;align-items:center;justify-content:center}.footer-social{justify-content:center}.footer-contact-items{align-items:center;justify-content:center}.footer-contact-wrapper{justify-content:center}}@media screen and (max-width:425px){.footer-contact-wrapper{margin-top:-14px;margin-left:0}}.home-page{width:100%;min-height:100vh}.hero-section{padding:60px 0}.hero-container{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}.hero-content{display:flex;flex-direction:column;gap:32px}.hero-headline{font-size:48px;font-weight:700;line-height:1.2;color:var(--text);margin:0}.hero-features{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px}.hero-feature-btn{display:flex;align-items:center;gap:12px;padding:16px 24px;background:#fff;border:2px solid var(--primary);border-radius:12px;text-decoration:none;color:var(--text);font-weight:600;font-size:16px;transition:all .3s ease;cursor:pointer}.hero-feature-btn:hover{background:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.feature-icon{font-size:24px}.hero-image{width:100%;height:auto}.hero-image img{width:100%;height:auto;border-radius:16px;object-fit:cover;max-height:500px}.about-us-section{padding:80px 0;position:relative}.about-us-container{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}.about-us-content{display:flex;flex-direction:column;gap:24px}.section-heading{font-size:36px;font-weight:700;color:var(--text);margin:0}.section-description{font-size:16px;line-height:1.7;color:var(--muted);font-weight:700;margin:0}.see-more-btn{padding:14px 32px;font-size:16px;font-weight:600;width:fit-content;margin-top:8px}.about-us-image{width:100%;height:auto}.about-us-image img{width:100%;height:auto;border-radius:16px;object-fit:cover;max-height:500px}.why-cbs-section{padding:80px 0;width:100%}.why-cbs-section .section-heading{text-align:center;margin-bottom:48px}.why-cbs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;width:100%;margin-bottom:48px}.why-card-link{text-decoration:none;color:inherit;display:block;height:100%}.why-card{display:flex;flex-direction:column;gap:20px;padding:40px;background:#fff;border:1px solid var(--border);border-radius:16px;transition:all .3s ease;height:100%;cursor:pointer}.why-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-6px);border-color:var(--primary)}.why-icon{font-size:48px;margin-bottom:8px}.why-card-title{font-size:22px;font-weight:700;color:var(--text);margin:0;line-height:1.3}.why-card-description{font-size:16px;line-height:1.7;color:var(--muted);font-weight:700;margin:0}.why-cbs-cta{display:flex;justify-content:center;margin-top:32px}.see-more-why-btn{padding:14px 40px;font-size:16px;font-weight:600}.global-presence-section-home{padding:80px 0;width:100%}.global-presence-section-home .section-heading{text-align:center;margin-bottom:48px}.map-container{width:100%;display:flex;justify-content:center;align-items:center;padding:0}.world-map{width:100%;max-width:100%;height:438px;border-radius:16px;padding:40px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.world-map img{width:130%;height:300%}.world-map .marker{transition:all .3s ease;cursor:pointer;animation:pulse 2s ease-in-out infinite}.world-map .marker:hover{r:14;fill:var(--primary);opacity:1}.world-map .marker-pulse{animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse-ring{0%{r:18;opacity:.2}50%{r:24;opacity:.1}to{r:18;opacity:.2}}.world-map text{font-family:ui-sans-serif,system-ui,sans-serif;pointer-events:none}.world-map .country-markers{transition:all .3s ease}@media screen and (max-width:769px){.hero-container{width:80%;grid-template-columns:1fr;gap:24px}.hero-features{align-items:center;flex-direction:column}.hero-feature-btn{width:70%;justify-content:center}.about-us-content{align-items:center}.about-us-container{grid-template-columns:1fr;gap:40px}.section-description{width:70%}.why-cbs-grid{grid-template-columns:1fr;gap:24px}.why-card{padding:32px}.hero-image img{display:none}.about-us-image img{max-height:300px}@media screen and (max-width:320px){.world-map img{width:130%;height:130%}}}.app-main:has(.about-page){display:flex;justify-content:center}.about-page{width:100%;margin-top:2rem;border-radius:20px;display:flex;width:80%;min-height:100vh;background-color:#ffffffc4;flex-direction:column}.about-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/Hailuo_Image_Create%20a%20high-quality%203D%20abstr_442783798781452296-DndpRwR1.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(6px);z-index:-1;pointer-events:none}.about-header{padding:60px 0 40px;text-align:center}.page-title{font-size:48px;font-weight:700;color:var(--text);margin:0}.intro-section{padding:60px 0}.intro-container{display:grid;grid-template-columns:1fr;gap:60px;align-items:center}.intro-content{font-weight:800;display:flex;flex-direction:column;gap:24px}.intro-text{font-size:16px;line-height:1.8;color:var(--muted);margin:0;text-indent:0;padding-left:0;text-align:left}.intro-illustration{width:100%;height:auto}.intro-illustration img{width:100%;height:auto;border-radius:16px;object-fit:cover;max-height:500px}.vmv-section{padding:80px 0}.vmv-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.vmv-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 32px;background:#fff;border:1px solid var(--border);border-radius:16px;transition:all .3s ease}.vmv-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.vmv-icon{font-size:48px;margin-bottom:24px}.vmv-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 16px}.vmv-description{font-weight:700;font-size:16px;line-height:1.7;color:var(--muted);margin:0}.vmv-list{list-style:none;padding:0;margin:0;text-align:left;width:100%}.vmv-list li{font-weight:700;font-size:16px;line-height:1.8;color:var(--muted);position:relative;padding:8px 0 8px 24px}.vmv-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.why-cbs-about-section{padding:80px 0}.why-cbs-header{text-align:center;margin-bottom:60px;max-width:900px;margin-left:auto;margin-right:auto}.why-cbs-main-title{font-size:48px;font-weight:700;color:var(--text);margin:0 0 24px;letter-spacing:1px}.why-cbs-introduction{font-size:18px;font-weight:700;line-height:1.8;color:var(--muted);margin:0 0 16px}.why-cbs-grid-container{max-width:1400px;margin:0 auto}.why-cbs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-bottom:48px}.why-cbs-cta{display:flex;justify-content:center;margin-top:48px}.why-cbs-subtitle{font-size:24px;font-weight:600;color:var(--text);margin:0 0 16px}.why-cbs-subtitle-small{font-size:18px;font-weight:600;color:var(--text);margin:24px 0 16px}.why-cbs-intro{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 20px}.why-cbs-conclusion{font-size:16px;line-height:1.7;color:var(--muted);margin:20px 0 0;font-style:italic}.cost-reduction-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.cost-reduction-list li{font-size:16px;line-height:1.7;color:var(--muted);padding-left:32px;position:relative}.cost-reduction-list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-size:24px;font-weight:700;line-height:1}.get-in-touch-btn{padding:14px 32px;font-size:16px;font-weight:600;width:fit-content;margin-top:8px}.why-cbs-right{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.benefit-item{font-weight:700;display:flex;flex-direction:column;gap:16px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:12px;transition:all .3s ease;position:relative}.benefit-item:hover{box-shadow:0 4px 16px #0000001a;transform:translateY(-4px)}.benefit-number{font-size:28px;font-weight:700;color:var(--primary);position:absolute;top:20px;right:20px}.benefit-icon{font-size:40px;margin-bottom:8px}.benefit-content{flex:1}.benefit-title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px}.benefit-description{font-size:16px;line-height:1.7;color:var(--muted);margin:0 0 12px}.benefit-description:last-of-type{margin-bottom:0}.benefit-list{list-style:none;padding:0;margin:12px 0;display:flex;flex-direction:column;gap:8px}.benefit-list li{font-size:15px;line-height:1.6;color:var(--muted);padding-left:24px;position:relative}.benefit-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:16px}@media screen and (max-width:1024px){.vmv-container{grid-template-columns:1fr;gap:32px}.why-cbs-grid{grid-template-columns:1fr;gap:24px}}@media screen and (max-width:768px){.page-title{font-size:36px}.intro-container{grid-template-columns:1fr;gap:40px}.intro-text{text-indent:0;padding-left:0;margin-left:0;text-align:left}.intro-illustration img{max-height:300px}.vmv-container{grid-template-columns:1fr}.why-cbs-main-title{font-size:36px}.why-cbs-introduction{font-size:16px}.why-cbs-header{margin-bottom:40px;padding:0 20px}.why-cbs-grid{grid-template-columns:1fr;gap:24px}.benefit-item{flex-direction:column;gap:16px}.benefit-number{position:absolute;top:20px;right:20px}}.grid.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:70px;padding-top:12px;margin-left:.7rem;width:60rem;overflow:visible}.section-header{display:flex;text-align:center;gap:17rem;margin-bottom:40px;justify-content:center;flex-wrap:wrap}.header-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-weight:700}.service-btn{margin-top:20px;width:16rem}.header-image{margin-top:5rem;height:36vh;width:20rem;border-radius:2rem}.header-description{margin-left:5px;max-width:61ch;text-wrap:balance;text-align:start;-webkit-hyphens:auto;hyphens:auto}.service-card{width:20rem;border-radius:16px;overflow:hidden;border:1px solid var(--border);position:relative;height:50vh;transition:transform .4s ease;cursor:pointer}.service-card:hover{transform:scale(1.1);z-index:100}.service-card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/assets/wmremove-transformed%20(2)-CiPgg_gt.png");background-size:cover;background-position:center;z-index:0;pointer-events:none;border-radius:16px}.service-card__front{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .4s ease,visibility .4s ease;border-radius:16px;overflow:hidden}.service-card__front{opacity:1;visibility:visible;z-index:2;pointer-events:auto}.service-card__back{opacity:0;visibility:hidden;z-index:1;pointer-events:none}.service-card:hover .service-card-btn{bottom:15px}.service-card:hover .service-card__description{gap:5px}.service-popup{position:absolute;top:50%;left:calc(100% + 20px);transform:translateY(-50%);width:350px;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s ease;z-index:10000;border:1px solid var(--border);white-space:normal}.service-popup:before{content:"";position:absolute;left:-10px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffffff;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.1))}.service-popup__content{padding:24px}.service-popup__title{font-size:20px;font-weight:700;color:var(--text);margin:0 0 12px;line-height:1.3}.service-popup__description{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 16px}.service-popup__subcategories{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.service-popup__subtitle{font-size:16px;font-weight:600;color:var(--text);margin:0 0 8px}.service-popup__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.service-popup__list li{font-size:14px;color:var(--muted);padding-left:16px;position:relative;line-height:1.5}.service-popup__list li:before{content:"•";position:absolute;left:0;color:var(--primary);font-weight:700;font-size:18px}.service-card:nth-child(3n) .service-popup,.service-card:nth-child(3n-1) .service-popup{left:auto;right:calc(100% + 20px);transform:translateY(-50%) translate(-10px)}.service-card:nth-child(3n):hover .service-popup,.service-card:nth-child(3n-1):hover .service-popup{transform:translateY(-50%) translate(-10px)}.service-card:nth-child(3n) .service-popup:before,.service-card:nth-child(3n-1) .service-popup:before{left:auto;right:-10px;border-right:none;border-left:10px solid #ffffff;filter:drop-shadow(2px 0 2px rgba(0,0,0,.1))}.service-card-actions{position:absolute;bottom:15px;left:50%;transform:translate(-50%);z-index:30;pointer-events:auto;display:flex;flex-direction:row;gap:8px;width:calc(100% - 3rem);max-width:16rem;align-items:center;justify-content:center}.service-card-btn{cursor:pointer;white-space:nowrap;text-align:center;flex:1;min-width:0}.view-details-btn{background:#fffffff2;color:var(--primary);border:2px solid var(--primary);font-weight:600}.view-details-btn:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #19435b4d}.get-service-btn{background:#fff;color:var(--text);font-weight:600;border:2px solid transparent}.get-service-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #19435b4d}.service-card__body{padding:2rem 1.5rem 6.5rem;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;position:relative;z-index:1;font-size:26px;height:100%}.service-card__text{font-size:16px;line-height:1.5;text-align:center;margin:0;font-weight:500}.service-card__description{padding:1.5rem;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;position:relative;z-index:1;height:100%}.service-card__description p{font-size:20px;line-height:1.6;margin:0;font-weight:600}.service-card__description h4{font-size:20px}.service-card__description ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.service-card__description li{font-size:16px;font-weight:500}.service-btn{font-weight:500;padding:10px 20px;font-size:25px}.business-org-btn{margin-top:-24px}.login-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.login-modal{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 8px 32px #0003;animation:modalSlideIn .3s ease-out}.login-modal-content{padding:32px;text-align:center}.login-modal-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 16px}.login-modal-message{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}.login-modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.login-modal-actions .btn{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.login-modal-actions .btn.secondary{background:#f0f0f0;color:var(--text)}.login-modal-actions .btn.secondary:hover{background:#e0e0e0}.login-modal-actions .btn.primary{background:var(--primary);color:#fff}.login-modal-actions .btn.primary:hover{background:#0d3a47;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.success-modal{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 8px 32px #0003;animation:modalSlideIn .3s ease-out}.success-modal-content{padding:32px;text-align:center}.success-icon{width:80px;height:80px;border-radius:50%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 24px;animation:successPulse .6s ease-out}.success-modal-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 16px;color:#4caf50}.success-modal-message{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}.success-modal-message strong{color:var(--text);font-weight:600}.success-modal-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.success-modal-actions .btn{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.success-modal-actions .btn.primary{background:#4caf50;color:#fff}.success-modal-actions .btn.primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.success-modal-actions .btn.secondary{background:#f0f0f0;color:var(--text)}.success-modal-actions .btn.secondary:hover{background:#e0e0e0}@media screen and (max-width:768px){.section-header{gap:4rem;align-items:center;flex-direction:column}.service-card{width:19rem;height:60vh}.grid.cards{width:80%;justify-items:center;gap:24px;grid-template-columns:repeat(2,1fr)}.header-content{align-items:center;text-align:center;width:18rem}.header-description{text-align:center}.login-modal{width:95%;max-width:none}.login-modal-content{padding:24px}.login-modal-title{font-size:20px}.login-modal-message{font-size:14px}.login-modal-actions{flex-direction:column}.login-modal-actions .btn{width:100%}.success-modal{width:95%;max-width:none}.success-modal-content{padding:24px}.success-icon{width:60px;height:60px;font-size:36px;margin-bottom:20px}.success-modal-title{font-size:20px}.success-modal-message{font-size:14px}.success-modal-actions{flex-direction:column}.success-modal-actions .btn{width:100%}}@media screen and (max-width:426px){.grid.cards{grid-template-columns:repeat(1,1fr)}.service-card{height:60vh;margin:0 1.5rem}}.service-details-modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-details-modal{background:#fff;border-radius:20px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 18px 40px #0f172a33}.service-details-close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:32px;cursor:pointer;color:#666;padding:4px 8px;line-height:1;transition:color .2s ease;z-index:10}.service-details-close-btn:hover{color:#000}.service-details-content{padding:32px}.service-details-title{font-size:32px;font-weight:700;color:#19435b;margin:0 0 24px;line-height:1.3}.service-details-section{margin-bottom:32px}.service-details-section-title{font-size:20px;font-weight:600;color:#19435b;margin:0 0 16px;display:flex;align-items:center;gap:8px}.service-details-description{font-size:16px;line-height:1.7;color:#666;margin:0;padding:16px;background:#f5f5f5;border-radius:12px}.service-details-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.service-details-list-item{font-size:15px;color:#333;padding:12px 16px;background:linear-gradient(145deg,#ffffffeb,#edf5f8eb);border-radius:12px;border-left:4px solid #19435B;box-shadow:0 2px 8px #0f172a14;transition:transform .2s ease,box-shadow .2s ease}.service-details-list-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0f172a1f}.service-details-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.service-details-actions .btn{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;border:none}.service-details-actions .btn.secondary{background:#f0f0f0;color:var(--text)}.service-details-actions .btn.secondary:hover{background:#e0e0e0}.service-details-actions .btn.primary{background:var(--primary);color:#fff}.service-details-actions .btn.primary:hover{background:#0d3a47;transform:translateY(-2px);box-shadow:0 4px 12px #19435b4d}@media screen and (max-width:768px){.service-details-modal{max-width:95%;margin:10px}.service-details-content{padding:24px}.service-details-title{font-size:24px}.service-details-list{grid-template-columns:1fr}.service-details-actions{flex-direction:column}.service-details-actions .btn{width:100%}}@media screen and (max-width:1024px){.service-popup{width:300px;left:calc(100% + 15px)}.service-card:nth-child(3n) .service-popup,.service-card:nth-child(3n-1) .service-popup{right:calc(100% + 15px)}}@media screen and (max-width:768px){.service-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:400px;max-height:80vh;overflow-y:auto;z-index:2000}.service-card:hover .service-popup{transform:translate(-50%,-50%)}.service-card:nth-child(3n) .service-popup,.service-card:nth-child(3n-1) .service-popup{left:50%;right:auto;transform:translate(-50%,-50%)}.service-card:nth-child(3n):hover .service-popup,.service-card:nth-child(3n-1):hover .service-popup{transform:translate(-50%,-50%)}.service-popup:before{display:none}.service-popup__content{padding:20px}.service-popup__title{font-size:18px}.service-popup__description{font-size:13px}}.cart-page{display:flex;flex-direction:column;align-items:center}.cart-page h1{width:80%;text-align:left;margin-bottom:24px}.cart-layout{width:80%;display:flex;flex-direction:column;gap:24px}.cart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.cart-item{border:2px solid #0c3d4c;border-radius:12px;padding:14px;position:relative;background:#fff;display:flex;flex-direction:column;justify-content:center}.cart-item__title{font-weight:700}.cart-item__subtitle{color:var(--muted)}.icon-btn{position:absolute;right:10px;top:10px;border:none;background:#0c3d4c;color:#fff;width:26px;height:26px;border-radius:6px;cursor:pointer}.summary{border:1px solid var(--border);border-radius:12px;padding:16px;height:fit-content;background:#fff;gap:20px;display:flex;flex-direction:column}.summary ul{list-style:none;padding:0;margin:0}.summary li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.summary li.total{font-weight:700;border-bottom:none}.full{display:flex;width:85%;text-align:center;justify-content:center;margin-left:5px}.action-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;align-items:stretch}.action-card{border:2px solid var(--primary);border-radius:16px;padding:32px 24px;background:#f5f5f5;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;height:280px;box-sizing:border-box}.action-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:var(--primary);background:#f0f0f0}.action-card__icon{font-size:48px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.action-card__title{font-size:22px;font-weight:700;color:var(--primary);margin:0 0 12px}.action-card__description{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 16px;flex-grow:1;display:flex;align-items:center}.action-card__arrow{font-size:20px;color:var(--primary);font-weight:700;transition:transform .3s ease;margin-top:auto}.action-card:hover .action-card__arrow{transform:translate(4px)}.appointment-card-cart,.add-service-card{background:#f5f5f5}@media screen and (max-width:768px){.cart-grid{grid-template-columns:repeat(1,1fr)}.cart-layout{grid-template-columns:1fr;grid-template-rows:auto auto}.action-cards{grid-template-columns:1fr}.add-service-card,.appointment-card-cart{width:100%;padding:0 14px}}@media screen and (max-width:426px){.add-service-card,.appointment-card-cart{width:90%;margin-left:1.1em}}.app-main:has(.payment-page){background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.payment-page{position:relative}.payment-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/wmremove-transformed-CvD1SpsZ.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;filter:blur(3px);z-index:-1;pointer-events:none}.payment-page h1{text-align:center;font-size:60px}.payment-layout{display:grid;grid-template-columns:1.1fr;justify-items:center;gap:24px}.order-card{border-radius:12px;padding:16px;height:40vh;display:flex;flex-direction:column;align-items:center;width:56%;font-size:30px}.order-card ul{list-style:none;padding:0;margin:0}.order-card li{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--border)}.order-card li.total{font-weight:700}.payment-form{border-radius:12px;padding:16px;margin-top:40px}.tabs{display:flex;gap:10px;margin-bottom:12px}.tab{border:1px solid var(--border);background:#eef6f7;color:#0c3d4c;padding:8px 12px;border-radius:8px;font-size:x-large}.tab.active{background:#0c3d4c;color:#fff;border-color:#0c3d4c}.fields{display:grid;gap:10px;margin:12px 0}.row{display:grid;grid-template-columns:1fr 1fr;gap:10px}input{padding:12px 14px;border:1px solid var(--border);border-radius:10px}@media screen and (max-width:426px){.tab{font-size:medium}.order-card{font-size:20px;width:85%}.payment-page h1{font-size:35px;margin-left:15px}.payment-form{font-size:large;display:flex;flex-direction:column;width:70%;align-items:center}.row{grid-template-columns:1fr}.fields{width:17rem;grid-template-columns:1fr}}@media screen and (max-width:321px){.tabs{flex-direction:column}}.app-main:has(.profile-page){background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.profile-page{padding:32px 0 40px;position:relative}.profile-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/Hailuo_Image_Create%20a%20high-quality%203D%20abstr_442783798781452296-DndpRwR1.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;filter:blur(3px);z-index:-1;pointer-events:none}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.tab{border:1px solid var(--border);background:#eef6f7;color:var(--text);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:500}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab:hover{background:var(--primary-2);color:#fff;border-color:var(--primary-2)}.profile-holder{display:flex;justify-content:center}.client-details-card,.services-table{width:100%}.client-details-card{width:55rem;margin-top:16px;border:1px solid var(--muted);border-radius:12px;background:#ffffffdb;padding:24px;box-shadow:0 2px 8px #0000001a}.client-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.client-info{display:flex;align-items:center;gap:20px}.client-avatar-wrapper{width:70px;height:70px;min-width:70px;min-height:70px;border-radius:50%;border:2px solid var(--muted);display:flex;align-items:center;justify-content:center;background:#f0f0f0;flex-shrink:0}.client-avatar{font-size:2.5rem;color:var(--text);width:100%;height:70%;display:flex;align-items:center;justify-content:center}.client-name-id{display:flex;flex-direction:column;gap:4px}.client-title{font-size:24px;font-weight:700;color:var(--text);margin:0}.client-name{font-size:16px;color:var(--muted);margin:0}.client-id{font-size:14px;color:var(--muted);margin:0}.edit-btn{padding:10px 20px;font-size:14px;font-weight:600}.client-fields{display:grid;flex-direction:column;gap:24px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field-group{display:flex;flex-direction:column;gap:8px}.field-group label{font-size:14px;font-weight:600;color:var(--text)}.field-group input{padding:12px 14px;border:1px solid var(--muted);border-radius:8px;font-size:14px;color:var(--text);background:#fff;transition:border-color .3s ease,background-color .3s ease}.field-group input:focus{outline:none;border-color:var(--primary)}.field-group input.error{border-color:#f44336;background-color:#ffebee}.field-group input.error:focus{border-color:#f44336}.field-group input:disabled{background:#f5f5f5;color:#666;border-color:#e0e0e0;cursor:not-allowed}.field-group input:disabled::placeholder{color:#999;opacity:.6}.field-group input::placeholder{color:#999}.order-summary-container{width:100%;max-width:55rem;margin-top:16px}.order-summary-title{font-size:24px;font-weight:700;color:var(--text);margin-bottom:24px;text-align:center}.empty-appointments{padding:3rem 2rem;text-align:center;color:#666;background:#ffffffdb;border-radius:12px;border:1px solid var(--border)}.appointments-list{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.appointment-card-summary{background:#ffffffdb;border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.appointment-card-summary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.appointment-header-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}.appointment-id-section{display:flex;align-items:center;gap:8px}.appointment-label{font-size:14px;color:var(--muted);font-weight:500}.appointment-id-value{font-size:16px;font-weight:700;color:var(--primary)}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#fff3cd;color:#856404}.status-confirmed{background:#d1ecf1;color:#0c5460}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-approved{background:#d4edda;color:#155724}.status-rejected{background:#f8d7da;color:#721c24}.appointment-details{display:flex;flex-direction:column;gap:12px}.detail-row{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:var(--text);font-weight:500}.services-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.service-tag{display:inline-block;padding:6px 12px;background:var(--primary);color:#fff;border-radius:6px;font-size:13px;font-weight:500}.services-table{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#ffffffdb}.table-header,.table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:10px;padding:12px 16px}.table-header{background:#e0f2fe;font-weight:700;color:var(--text)}.table-row{border-top:1px solid var(--border);color:var(--text)}@media screen and (max-width:769px){.appointments-list{flex-direction:column}.profile-holder{justify-content:center}.client-header{flex-direction:column;gap:20px}.client-fields{grid-template-columns:1fr}.tabs{justify-content:center}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-header>div,.table-row>div{padding:4px 0}.table-header>div:before{content:attr(data-label) "-";font-weight:600;display:inline-block;min-width:100px}.table-row>div:before{content:attr(data-label) ": ";font-weight:600;display:inline-block;min-width:100px}.client-details-card,.services-table,.order-summary-container{width:100%}.appointment-header-summary{flex-direction:column;align-items:flex-start;gap:12px}.appointment-id-section{width:100%}}@media screen and (max-width:426px){.tabs{flex-direction:column;align-items:center}.tab{width:70%;text-align:center;justify-content:center}.client-info{flex-direction:column;align-items:flex-start}.field-row{grid-template-columns:1fr}.edit-btn{width:90%}.appointment-card-summary{width:25rem}}@media screen and (max-width:376px){.appointment-card-summary{width:22rem}}.app-main:has(.auth-page){background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.auth-page{padding:32px 0 40px;position:relative}.auth-page:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/assets/Hailuo_Image_Create%20a%20high-quality%203D%20abstr_442783798781452296-DndpRwR1.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;filter:blur(6px);z-index:-1;pointer-events:none}.auth-card{display:flex;justify-content:center;flex-direction:column;gap:12px;height:fit-content;margin:40px auto;width:100%;max-width:520px;background:#ffffffe6;border:1px solid var(--border);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-card h1{text-align:center}.auth-form{display:grid;gap:12px;margin-top:12px}.auth-links{text-align:center;margin-top:10px;color:var(--muted)}.auth-form input.error,.auth-form input.error:focus{border-color:#f44336;border-bottom-color:#f44336;background-color:#ffebee}.appointment-page{min-height:100vh;position:relative;padding:60px 0 100px;overflow-x:hidden}.appointment-background{position:fixed;top:0;left:0;width:100%;height:100%;background-blend-mode:overlay;z-index:-1;opacity:.9}.appointment-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Hailuo_Image_Create%20a%20high-quality%203D%20abstr_442783798781452296-DndpRwR1.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(6px);z-index:1}.appointment-container{position:relative;z-index:1;max-width:1200px}.appointment-header{text-align:center;margin-bottom:40px;padding:20px 0;color:#fff}.appointment-title{font-size:48px;font-weight:700;margin:0 0 20px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.appointment-description{font-size:18px;max-width:700px;margin:0 auto;line-height:1.6;opacity:.95}.appointment-filters{display:flex;gap:16px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.filter-input-wrapper{position:relative}.filter-select{padding:12px 40px 12px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.3);background:#ffffffe6;color:var(--text);font-size:16px;font-weight:500;cursor:pointer;appearance:none;min-width:200px;transition:all .3s ease}.filter-select:hover{background:#fff;border-color:#ffffff80}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #113a4a1a}.filter-btn{padding:12px 32px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#0d3a47;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.appointment-card{background:#fffffff2;border-radius:24px;padding:40px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:900px;margin:0 auto}.date-selector{margin-bottom:32px}.month-year-selector{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap}.dropdown-wrapper{position:relative}.dropdown-btn{padding:12px 20px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:120px;justify-content:space-between}.dropdown-btn:hover{border-color:var(--primary);background:#f8f9fa}.dropdown-arrow{font-size:12px;color:var(--muted)}.nav-arrow-btn{padding:12px 16px;border-radius:12px;border:1px solid var(--border);background:var(--primary);color:#fff;font-size:18px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-arrow-btn:hover{background:#0d3a47;transform:translate(2px)}.dropdown-menu{position:absolute;top:100%;left:0;margin-top:4px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0000001a;z-index:100;max-height:200px;overflow-y:auto;min-width:120px}.dropdown-item{display:block;width:100%;padding:12px 20px;border:none;background:transparent;color:var(--text);font-size:16px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#f0f7fa;color:var(--primary)}.dropdown-item:first-child{border-radius:12px 12px 0 0}.dropdown-item:last-child{border-radius:0 0 12px 12px}.selection-section{margin-bottom:32px}.section-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 20px}.calendar-container{width:100%}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.calendar-weekday{text-align:start;margin-left:10px;font-size:14px;font-weight:700;color:var(--text);padding:8px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-day{aspect-ratio:1;height:5.5vh;width:3.1rem;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;position:relative}.calendar-day.empty{background:transparent;border:none;cursor:default;pointer-events:none}.calendar-day:hover:not(.unavailable):not(.empty){border-color:var(--primary);background:#f0f7fa;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.calendar-day.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #113a4a4d}.calendar-day.unavailable{background:#fff;border-color:#e0e0e0;cursor:not-allowed;opacity:.7}.calendar-day.unavailable:hover{transform:none;box-shadow:none}.calendar-day-number{font-size:18px;font-weight:700;margin-bottom:4px}.unavailable-badge{position:absolute;bottom:9px;left:50%;transform:translate(-50%);background:#dc3545;color:#fff;font-size:7px;font-weight:600;padding:2px 5px;border-radius:1px;white-space:nowrap;width:calc(100% + 6.2px);text-align:center}.calendar-placeholder{grid-column:1 / -1;text-align:center;padding:40px 20px;color:var(--muted);font-size:16px}.time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.time-btn{padding:14px 20px;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text);font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.time-btn:hover{border-color:var(--primary);background:#f0f7fa;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.time-btn.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #113a4a4d}.confirm-btn{width:60%;padding:16px 32px;border-radius:12px;border:none;background:var(--primary);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;margin:20px 11rem 0}.confirm-btn:hover{background:#0d3a47;transform:translateY(-2px);box-shadow:0 6px 20px #113a4a66}.confirm-btn:active{transform:translateY(0)}@media screen and (max-width:768px){.appointment-title{font-size:36px}.appointment-description{font-size:16px;padding:0 20px}.appointment-card{padding:24px;margin:0 35px;display:flex;flex-direction:column;align-items:center}.month-year-selector{flex-direction:column;align-items:stretch}.dropdown-btn{width:100%}.calendar-weekday{margin-left:0;font-size:10px}.calendar-day{min-height:60px;font-size:14px}.calendar-day-number{font-size:16px}.confirm-btn{width:75%;margin:20px 7rem 0}.unavailable-badge{font-size:9px;padding:2px 4px}.time-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.time-btn{padding:12px 16px;font-size:14px}.appointment-filters{flex-direction:column;align-items:stretch;padding:0 20px}.filter-select,.filter-btn{width:100%}}@media screen and (max-width:480px){.appointment-title{font-size:28px}.appointment-card{padding:20px;width:80%}.section-title{font-size:20px}.selection-section{width:100%}.calendar-grid{width:80%;grid-template-columns:repeat(5,2fr);gap:1px}.calendar-day{min-height:50px;font-size:12px}.calendar-day-number{font-size:14px}.unavailable-badge{font-size:8px;padding:1px 3px}.time-grid{grid-template-columns:repeat(2,1fr)}}.appointment-success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.appointment-success-modal{background:#fff;border-radius:16px;padding:0;max-width:550px;width:90%;box-shadow:0 8px 32px #0003;animation:modalSlideIn .3s ease-out}.appointment-success-modal-content{padding:40px;text-align:center}.appointment-success-icon{width:80px;height:80px;border-radius:50%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 24px;animation:successPulse .6s ease-out}.appointment-success-title{font-size:28px;font-weight:700;color:#4caf50;margin:0 0 24px}.appointment-success-details{background:#f8f9fa;border-radius:12px;padding:24px;margin:0 0 24px;text-align:left}.appointment-detail-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #e0e0e0}.appointment-detail-item:last-child{border-bottom:none}.detail-label{font-weight:600;color:var(--muted);font-size:16px}.detail-value{font-weight:700;color:var(--text);font-size:16px}.appointment-success-message{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}.appointment-success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.appointment-success-actions .btn{padding:12px 24px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.appointment-success-actions .btn.primary{background:#4caf50;color:#fff}.appointment-success-actions .btn.primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.appointment-success-actions .btn.secondary{background:#f0f0f0;color:var(--text)}.appointment-success-actions .btn.secondary:hover{background:#e0e0e0}@media screen and (max-width:768px){.appointment-success-modal{width:95%;max-width:none}.appointment-success-modal-content{padding:30px 24px}.appointment-success-icon{width:60px;height:60px;font-size:36px;margin-bottom:20px}.appointment-success-title{font-size:24px}.appointment-success-details{padding:20px}.detail-label,.detail-value,.appointment-success-message{font-size:14px}.appointment-success-actions{flex-direction:column}.appointment-success-actions .btn{width:100%}}.contact-page{min-height:100vh;position:relative;padding:60px 0 100px;overflow-x:hidden}.contact-background{position:fixed;top:0;left:0;width:100%;height:100%;background-blend-mode:overlay;z-index:-1;opacity:.9;filter:blur(2px)}.contact-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Hailuo_Image_Create%20a%20high-quality%203D%20abstr_442783798781452296-DndpRwR1.png);background-size:cover;background-position:center;filter:blur(6px);z-index:1}.contact-container{position:relative;z-index:1;max-width:800px;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 200px);overflow:visible}.contact-form-wrapper{width:100%;max-width:600px;background:#fffffff2;border-radius:20px;padding:40px 40px 60px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:visible}.contact-form{display:flex;flex-direction:column;gap:24px;overflow:visible;position:relative}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:16px;font-weight:600;color:var(--text);margin-bottom:4px}.form-group input,.form-group textarea,.form-group select{padding:12px 16px;border:none;border-bottom:2px solid var(--border);background:transparent;font-size:16px;color:var(--text);transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-bottom-color:var(--primary)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-bottom-color:#f44336;background-color:#ffebee}.form-group input.error:focus,.form-group textarea.error:focus,.form-group select.error:focus{border-bottom-color:#f44336}.form-group textarea{resize:vertical;min-height:120px;border:2px solid var(--border);border-radius:8px;padding:12px;background:#fffc}.form-group textarea::placeholder{color:var(--muted);opacity:.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.select-wrapper{position:relative;display:flex;align-items:center}.select-wrapper select{appearance:none;width:100%;padding-right:32px;cursor:pointer}.select-arrow{position:absolute;right:12px;pointer-events:none;color:var(--muted);font-size:12px}.subject-row{display:flex;align-items:center;gap:12px}.subject-row input{flex:1}.topic-indicators{display:flex;gap:8px;align-items:center}.topic-indicator{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.topic-indicator:hover{border-color:var(--primary);transform:scale(1.1)}.topic-indicator.active{background:var(--primary);border-color:var(--primary)}.form-actions{display:flex;gap:16px;margin-top:8px}.btn-primary{flex:1;padding:14px 32px;background:var(--primary);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#19435b;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-outline{flex:1;padding:14px 32px;background:transparent;color:var(--text);border:2px solid var(--primary);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.country-code-select{position:relative;z-index:1;display:flex;align-items:flex-start}.country-code-select select{position:relative;z-index:10;transform-origin:top;margin-bottom:0}.country-code-select select:focus,.country-code-select select:active,.country-code-select select:hover{position:relative;z-index:1000;transform:translateY(0)}.form-group{overflow:visible;position:relative}.country-code-select:after{content:"";position:absolute;bottom:-200px;left:0;width:100%;height:200px;pointer-events:none;z-index:-1}@media screen and (max-width:768px){.country-code-select{flex-direction:column}.contact-form-wrapper{padding:24px;margin:0 20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-primary,.btn-outline{width:100%}}@media screen and (max-width:480px){.contact-form-wrapper{padding:20px}.contact-form{gap:20px}.subject-row{flex-wrap:wrap}}.contact-success-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.contact-success-modal{background:#fff;border-radius:16px;padding:0;max-width:500px;width:90%;box-shadow:0 8px 32px #0003;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.contact-success-modal-content{padding:40px;text-align:center}.contact-success-icon{width:80px;height:80px;border-radius:50%;background:#4caf50;color:#fff;display:flex;align-items:center;justify-content:center;font-size:48px;font-weight:700;margin:0 auto 24px;animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.contact-success-title{font-size:28px;font-weight:700;color:#4caf50;margin:0 0 16px}.contact-success-message{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 24px}.contact-success-actions{display:flex;gap:12px;justify-content:center}.contact-success-actions .btn{padding:12px 32px;font-size:16px;font-weight:600;border-radius:8px;text-decoration:none;display:inline-block;transition:all .3s ease;border:none;cursor:pointer}.contact-success-actions .btn.primary{background:#4caf50;color:#fff}.contact-success-actions .btn.primary:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}@media screen and (max-width:768px){.contact-success-modal{width:95%;max-width:none}.contact-success-modal-content{padding:30px 24px}.contact-success-icon{width:60px;height:60px;font-size:36px;margin-bottom:20px}.contact-success-title{font-size:24px}.contact-success-message{font-size:14px}.contact-success-actions .btn{width:100%}}