@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";body{font-family:Inter,system-ui,sans-serif;background:var(--background);color:var(--foreground);margin:0}h1,h2,h3,h4,h5,h6{font-family:Cormorant Garamond,serif}:root{--background: hsl(45 30% 97%);--foreground: hsl(160 15% 20%);--card: hsl(45 25% 95%);--card-foreground: hsl(160 15% 20%);--popover: hsl(45 30% 97%);--popover-foreground: hsl(160 15% 20%);--primary: hsl(158 25% 45%);--primary-foreground: hsl(45 30% 97%);--secondary: hsl(45 20% 90%);--secondary-foreground: hsl(160 15% 25%);--muted: hsl(45 15% 92%);--muted-foreground: hsl(160 10% 45%);--accent: hsl(15 35% 75%);--accent-foreground: hsl(160 15% 20%);--destructive: hsl(0 84.2% 60.2%);--destructive-foreground: hsl(210 40% 98%);--border: hsl(158 15% 85%);--input: hsl(158 15% 85%);--ring: hsl(158 25% 45%);--radius: .75rem;--sage: hsl(158 25% 45%);--sage-light: hsl(158 20% 92%);--sage-dark: hsl(158 30% 35%);--cream: hsl(45 30% 97%);--cream-dark: hsl(45 25% 90%);--rose: hsl(15 35% 75%);--rose-light: hsl(15 40% 92%);--stone: hsl(160 10% 45%);--stone-dark: hsl(160 15% 25%);--font-serif: "Inter", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--shadow-soft: 0 4px 20px -4px rgba(60,120,100,.15);--shadow-card: 0 8px 30px -8px rgba(60,120,100,.12);--shadow-elevated: 0 16px 50px -12px rgba(60,120,100,.2)}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif)}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;transition:background-color .3s ease,padding .3s ease,box-shadow .3s ease,backdrop-filter .3s ease}.navbar--transparent{background:transparent;padding:24px 0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.navbar--scrolled{background:color-mix(in srgb,var(--background) 95%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:16px 0;box-shadow:0 10px 30px #00000014}.navbar__container{max-width:1280px;margin:0 auto;padding:0 24px}.navbar__row{display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-serif);font-size:24px;color:var(--foreground);text-decoration:none;transition:color .2s ease}.navbar__logo:hover,.navbar__logoDot{color:var(--primary)}.navbar__links{display:none;align-items:center;gap:32px}.navbar__linkBtn{background:none;border:none;padding:0;cursor:pointer;font-weight:500;color:var(--muted-foreground);transition:color .2s ease;font-size:16px}.navbar__linkBtn:hover,.navbar__linkBtn.is-active{color:var(--foreground)}.navbar__ctaBtn{border:none;cursor:pointer;border-radius:12px;padding:12px 18px;font-weight:600;background:var(--primary);color:#fff;transition:transform .15s ease,filter .15s ease}.navbar__ctaBtn:hover{filter:brightness(1.05);transform:translateY(-1px)}.navbar__ctaBtn:active{transform:translateY(0)}.navbar__ctaBtn--lg{padding:12px 18px}.navbar__mobileToggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;padding:8px;cursor:pointer;color:var(--foreground)}.navbar__icon{width:24px;height:24px}.navbar__mobileMenu{margin-top:16px;padding-top:16px;padding-bottom:16px;border-top:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.navbar__mobileStack{display:flex;flex-direction:column;gap:16px}.navbar__mobileLink{text-align:left;background:none;border:none;cursor:pointer;padding:8px 0;font-weight:500;color:var(--muted-foreground);transition:color .2s ease}.navbar__mobileLink:hover,.navbar__mobileLink.is-active{color:var(--foreground)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease both}@media(min-width:768px){.navbar__logo{font-size:32px}.navbar__links{display:flex}.navbar__linkBtn{font-size:18px}.navbar__mobileToggle,.navbar__mobileMenu{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0}.hero__bg img{width:100%;height:100%;object-fit:cover}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in srgb,var(--sage-light) 80%,transparent),color-mix(in srgb,var(--background) 60%,transparent),color-mix(in srgb,var(--background) 95%,transparent))}.hero__content{position:relative;z-index:10;max-width:900px;padding:0 24px;text-align:center}.hero__tag{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:var(--primary);margin-bottom:20px}.hero__title{font-family:var(--font-serif);font-size:56px;line-height:1.1;color:var(--foreground);margin-bottom:20px}.hero__highlight{display:block;color:var(--primary)}.hero__description{font-size:18px;color:var(--muted-foreground);max-width:640px;margin:0 auto 32px;line-height:1.7}.hero__actions{display:flex;justify-content:center}.hero__btn{background:var(--primary);color:var(--primary-foreground);border:none;border-radius:var(--radius);padding:16px 28px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--shadow-soft)}.hero__btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated)}@media(max-width:768px){.hero__title{font-size:40px}.hero__description{font-size:16px}}.services-section{padding:100px 20px;background:#f9fafb}.services-container{max-width:1200px;margin:0 auto}.services-header{text-align:center;max-width:700px;margin:0 auto 80px}.services-label{display:inline-block;color:#6a8d73;font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:15px}.services-title{font-size:42px;font-family:Georgia,serif;margin-bottom:20px;color:#1f2937}.services-subtext{font-size:18px;color:#6b7280;line-height:1.7}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.service-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 25px #0000000d;transition:all .4s ease;animation:fadeUp .6s ease forwards;opacity:0}.service-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000014}.service-icon{width:60px;height:60px;background:#e6f1ed;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;color:#6a8d73;transition:all .3s ease}.service-card:hover .service-icon{background:#6a8d73;color:#fff}.service-card h3{font-size:24px;font-family:Georgia,serif;margin-bottom:15px;color:#1f2937}.service-card p{color:#6b7280;line-height:1.7}@keyframes fadeUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:992px){.services-grid{grid-template-columns:1fr}.services-title{font-size:34px}}.about-section{padding:100px 20px;background:linear-gradient(135deg,#e6f1ed,#fdf6ee)}.about-container{max-width:1200px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-image-wrapper{position:relative}.about-image-card{width:100%;aspect-ratio:4/5;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000014;background:linear-gradient(to bottom right,#cfe5dc,#f5efe6);display:flex;align-items:center;justify-content:center}.about-image-placeholder{text-align:center;padding:40px}.about-avatar{width:130px;height:130px;margin:0 auto 20px;border-radius:50%;background:#6a8d7326;display:flex;align-items:center;justify-content:center}.about-avatar span{font-size:48px;font-family:Georgia,serif;color:#6a8d73}.about-photo-text{font-style:italic;color:#777}.decor-box{position:absolute;width:120px;height:120px;background:#f4dcdc;border-radius:20px;bottom:-20px;right:-20px;z-index:-1}.decor-circle{position:absolute;width:90px;height:90px;background:#6a8d7326;border-radius:50%;top:-20px;left:-20px;z-index:-1}.about-content{display:flex;flex-direction:column;gap:20px}.about-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:600;color:#6a8d73}.about-title{font-size:40px;font-family:Georgia,serif;color:#1f2937}.about-text p{color:#555;line-height:1.8;margin-bottom:15px}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.stat-card{text-align:center;padding:20px;background:#fff9;border-radius:14px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.stat-card h3{font-size:28px;font-family:Georgia,serif;color:#6a8d73;margin-bottom:5px}.stat-card p{font-size:14px;color:#666}@media(max-width:992px){.about-grid{grid-template-columns:1fr;gap:50px}.about-image-wrapper{order:2}.about-content{order:1}.about-title{font-size:32px}}.booking{padding:96px 0;background:var(--background)}.booking__container{max-width:1280px;margin:0 auto;padding:0 24px}.booking__wrap{max-width:768px;margin:0 auto}.booking__header{text-align:center;margin-bottom:48px}.booking__tag{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:var(--primary);margin-bottom:16px}.booking__title{font-family:var(--font-serif);font-size:44px;line-height:1.1;color:var(--foreground);margin:0 0 16px}.booking__subtitle{color:var(--muted-foreground);font-size:18px;line-height:1.7;margin:0 auto;max-width:560px}.booking__card{background:var(--card);border:1px solid color-mix(in srgb,var(--border) 30%,transparent);border-radius:24px;padding:32px;box-shadow:var(--shadow-card)}.booking__btn{border:none;border-radius:999px;padding:14px 18px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;width:100%}.booking__btn--primary{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--shadow-soft)}.booking__btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevated);filter:brightness(1.03)}.booking__btn--outline{background:transparent;color:var(--foreground);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);width:auto;padding:12px 16px;margin-top:20px}.booking__btn--outline:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.booking__success{text-align:center;padding:24px 0}.booking__successIcon{width:80px;height:80px;margin:0 auto 24px;border-radius:999px;background:var(--sage-light);display:flex;align-items:center;justify-content:center}.booking__successSvg{width:40px;height:40px;color:var(--primary)}.booking__successTitle{font-family:var(--font-serif);font-size:26px;color:var(--foreground);margin:0 0 12px}.booking__successText{color:var(--muted-foreground);margin:0 auto 16px;max-width:520px;line-height:1.7}.booking__successNote{color:var(--muted-foreground);font-size:14px;margin:0}.booking__strong{font-weight:600;color:var(--foreground)}.bookingForm{display:flex;flex-direction:column;gap:24px}.bookingForm__error{background:color-mix(in srgb,var(--destructive) 12%,transparent);border:1px solid color-mix(in srgb,var(--destructive) 35%,transparent);color:color-mix(in srgb,var(--destructive) 80%,black);padding:12px 14px;border-radius:12px;font-size:14px}.bookingForm__grid2{display:grid;grid-template-columns:1fr;gap:24px}.bookingForm__field{display:flex;flex-direction:column;gap:8px;min-width:0}.bookingForm__label{font-size:14px;font-weight:600;color:var(--foreground)}.bookingForm__hint{font-size:12px;color:var(--muted-foreground)}.bookingForm__input,.bookingForm__select,.bookingForm__textarea{border:1px solid color-mix(in srgb,var(--border) 60%,transparent);border-radius:14px;padding:12px 14px;font-size:16px;color:var(--foreground);background:color-mix(in srgb,var(--background) 70%,transparent);outline:none;transition:box-shadow .15s ease,border-color .15s ease;width:100%;box-sizing:border-box}.bookingForm__input{height:48px}.bookingForm__select{height:48px;appearance:none}.bookingForm__textarea{min-height:120px;resize:none}.bookingForm__input:focus,.bookingForm__select:focus,.bookingForm__textarea:focus{border-color:color-mix(in srgb,var(--ring) 70%,transparent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ring) 18%,transparent)}.bookingForm__inputIconWrap{position:relative;width:100%}.bookingForm__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted-foreground);pointer-events:none}.bookingForm__input--withIcon{padding-left:44px}.bookingForm__footerNote{text-align:center;font-size:14px;color:var(--muted-foreground);margin:0}@media(min-width:768px){.booking__card{padding:48px;border-radius:32px}.bookingForm__grid2{grid-template-columns:1fr 1fr}}.contact{padding:96px 0;background:linear-gradient(to bottom,color-mix(in srgb,var(--sage-light) 65%,transparent),color-mix(in srgb,var(--background) 90%,transparent))}.contact__container{max-width:1280px;margin:0 auto;padding:0 24px}.contact__header{text-align:center;max-width:672px;margin:0 auto 64px}.contact__tag{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:500;color:var(--primary);margin-bottom:16px}.contact__title{font-family:var(--font-serif);font-size:44px;line-height:1.1;color:var(--foreground);margin:0 0 16px}.contact__subtitle{color:var(--muted-foreground);font-size:18px;line-height:1.7;margin:0 auto}.contact__grid{display:grid;grid-template-columns:1fr;gap:24px;max-width:1024px;margin:0 auto}.contactCard{text-align:center;padding:24px;border-radius:24px;background:color-mix(in srgb,var(--card) 60%,transparent);border:1px solid color-mix(in srgb,var(--border) 30%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .2s ease,transform .2s ease}.contactCard:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.contactCard__iconWrap{width:48px;height:48px;margin:0 auto 16px;border-radius:14px;background:var(--sage-light);display:flex;align-items:center;justify-content:center}.contactCard__icon{width:24px;height:24px;color:var(--primary)}.contactCard__label{font-weight:600;color:var(--foreground);margin:0 0 8px}.contactCard__value{color:var(--muted-foreground);font-size:14px;margin:0;line-height:1.6}@media(min-width:768px){.contact__grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.contact__grid{grid-template-columns:1fr 1fr 1fr 1fr}}.testimonials{padding:96px 0;background:color-mix(in srgb,var(--sage-light) 30%,transparent);overflow:hidden}.testimonials__header{max-width:860px;margin:0 auto 48px;padding:0 24px;text-align:center}.testimonials__title{font-family:var(--font-serif);font-size:44px;line-height:1.1;color:var(--foreground);margin:0 0 16px}.testimonials__subtitle{font-family:var(--font-sans);color:var(--muted-foreground);font-size:18px;line-height:1.7;margin:0 auto;max-width:640px}.testimonials__rows{display:flex;flex-direction:column;gap:24px;max-width:100vw}.marquee{overflow:hidden}.marquee__track{display:flex;align-items:stretch;width:max-content;will-change:transform}.marquee__track--left{animation:scrollLeft 28s linear infinite}.marquee__track--right{animation:scrollRight 28s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.testimonialCard{flex-shrink:0;width:320px;margin:0 12px;padding:24px;border-radius:16px;background:var(--card);border:1px solid color-mix(in srgb,var(--border) 60%,transparent);box-shadow:var(--shadow-soft)}.starRating{display:flex;gap:2px}.testimonialStar{width:14px;height:14px}.testimonialStar--active{color:var(--accent);fill:var(--accent)}.testimonialStar--muted{color:color-mix(in srgb,var(--muted-foreground) 30%,transparent);fill:transparent}.testimonialCard__quote{margin:12px 0 0;font-family:var(--font-sans);font-size:14px;line-height:1.75;color:color-mix(in srgb,var(--foreground) 80%,transparent);font-style:italic}@media(max-width:420px){.testimonialCard{width:300px;margin:0 10px}}.footer{background:var(--foreground);color:var(--primary-foreground);padding:64px 0}.footer__container{max-width:1280px;margin:0 auto;padding:0 24px}.footer__grid{display:grid;grid-template-columns:1fr;gap:48px;margin-bottom:48px}.footer__logo{font-family:var(--font-serif);font-size:24px;margin:0 0 16px;color:var(--primary-foreground)}.footer__dot{color:var(--rose)}.footer__desc{margin:0;line-height:1.75;color:color-mix(in srgb,var(--primary-foreground) 70%,transparent);max-width:520px}.footer__heading{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--primary-foreground)}.footer__list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.footer__listItem{margin:0}.footer__linkBtn{background:transparent;border:none;padding:0;cursor:pointer;font-size:16px;text-align:left;color:color-mix(in srgb,var(--primary-foreground) 70%,transparent);transition:color .2s ease}.footer__linkBtn:hover{color:var(--primary-foreground)}.footer__proList{list-style:none;padding:0;margin:0;display:grid;gap:8px;font-size:14px;color:color-mix(in srgb,var(--primary-foreground) 70%,transparent)}.footer__bottom{border-top:1px solid color-mix(in srgb,var(--primary-foreground) 20%,transparent);padding-top:32px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:space-between}.footer__copyright{margin:0;font-size:14px;color:color-mix(in srgb,var(--primary-foreground) 60%,transparent)}.footer__legal{display:flex;gap:24px}.footer__legalLink{font-size:14px;color:color-mix(in srgb,var(--primary-foreground) 60%,transparent);text-decoration:none;transition:color .2s ease}.footer__legalLink:hover{color:var(--primary-foreground)}@media(min-width:768px){.footer__grid{grid-template-columns:1.2fr .9fr .9fr;gap:48px}.footer__bottom{flex-direction:row;align-items:center}}body{background:#f9fafb;font-family:Inter,system-ui}.adminLayout{display:flex;min-height:100vh}.sidebar{width:240px;background:#0f172a;color:#fff;padding:30px 20px}.logo{font-size:20px;font-weight:700;margin-bottom:40px}.sideItem{display:flex;align-items:center;gap:10px;color:#94a3b8;text-decoration:none;padding:12px 14px;border-radius:8px;margin-bottom:10px;transition:all .2s ease}.sideItem:hover,.active{background:#1e293b;color:#fff}.adminContent{flex:1;padding:40px}.adminContent h1{margin-bottom:20px}.adminHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.adminHeader h1{font-size:26px;font-weight:700}.adminUser{background:#fff;padding:8px 14px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.adminCards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.card{background:#fff;padding:22px;border-radius:12px;box-shadow:0 4px 20px #0000000d;transition:all .2s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #00000014}.card h3{font-size:14px;color:#64748b}.card p{font-size:26px;font-weight:700;margin-top:5px}.chartContainer{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:30px;margin-top:24px}.chartBox{height:320px;background:#fff;border-radius:16px;padding:16px}.tableContainer{background:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 20px #0000000d}.tableHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tableHeader h2{font-size:18px;font-weight:600;color:#0f172a}.tableControls{display:flex;gap:10px;align-items:center}.searchInput{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;width:260px;outline:none;transition:border-color .2s}.searchInput:focus{border-color:#94a3b8}.filterSelect{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;background:#fff;cursor:pointer;transition:border-color .2s}.filterSelect:focus{border-color:#94a3b8}.bookingCards{display:flex;flex-direction:column;gap:12px}.bookingCard{border:1px solid #f1f5f9;border-radius:12px;padding:16px 20px;background:#fff;transition:box-shadow .2s ease}.bookingCard:hover{box-shadow:0 4px 16px #0000000f}.cardTop{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:flex-start}.cardAvatar{width:44px;height:44px;border-radius:50%;background:#eff6ff;color:#3b82f6;font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cardInfo{min-width:0}.cardName{font-size:15px;font-weight:600;color:#0f172a;margin-bottom:4px}.cardMeta{font-size:14px;color:#64748b;margin-top:3px;display:flex;flex-wrap:wrap;gap:4px}.cardMeta span:after{content:"·";margin-left:6px;color:#cbd5e1}.cardMeta span:last-child:after{content:"";margin-left:0}.cardRight{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.cardCreated{font-size:11px;color:#94a3b8;text-align:right}.cardDivider{border:none;border-top:1px solid #f1f5f9;margin:14px 0}.cardBottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:58px}.cardMessage{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:#64748b;flex:1;min-width:0}.msgIcon{font-size:14px;flex-shrink:0}.msgText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.cardActions{display:flex;gap:8px;flex-shrink:0}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status.requested{background:#fef3c7;color:#92400e}.status.confirmed{background:#dcfce7;color:#166534}.status.rejected{background:#fee2e2;color:#991b1b}.confirmBtn{background:#22c55e;border:none;padding:6px 12px;color:#fff;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s}.confirmBtn:hover{background:#16a34a}.rejectBtn{background:#f97316;border:none;padding:6px 12px;color:#fff;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s}.rejectBtn:hover{background:#ea580c}.deleteBtn{background:#ef4444;border:none;padding:6px 12px;color:#fff;border-radius:6px;cursor:pointer;font-size:12px;transition:background .2s}.deleteBtn:hover{background:#dc2626}.emptyState{text-align:center;color:#94a3b8;padding:40px;font-size:14px}.profilePage{padding:30px}.profileTitle{font-size:22px;margin-bottom:20px}.profileDescription{font-size:16px;color:#6b7280;margin-top:28px;max-width:420px}.profileCard{background:#fff;padding:25px;border-radius:10px;width:320px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 10px #0000000d}.imagePreview{width:200px;height:200px;border-radius:10px;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center}.imagePreview img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:14px;color:#777}.uploadBtn{background:#2563eb;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer}.uploadBtn:hover{background:#1e4ed8}.profileMessage{margin:0;font-size:14px;color:#374151}.uploadBtn:disabled{opacity:.7;cursor:not-allowed}*{box-sizing:border-box;margin:0;padding:0}.loginPage{position:relative;flex-direction:column;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f0f4ff;background-image:radial-gradient(ellipse at 20% 50%,rgba(37,99,235,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(99,102,241,.07) 0%,transparent 50%);font-family:DM Sans,sans-serif;padding:24px}.login-go-back-btn-wrapper{position:absolute;top:24px;left:24px;display:inline-flex;align-items:center;gap:6px;color:#475569;text-decoration:none;font-size:14px;font-weight:500;cursor:pointer}.login-go-back-btn-wrapper:hover{color:#2563eb;transform:translate(-2px)}.login-go-back-btn-wrapper svg{transition:transform .2s ease}.login-go-back-btn-wrapper:hover svg{transform:translate(-3px)}.login-go-back-btn{display:inline-flex;align-items:center}.loginCard{width:100%;max-width:400px;background:#fff;border-radius:18px;padding:40px 36px 32px;box-shadow:0 0 0 1px #2563eb12,0 4px 6px #0000000a,0 16px 40px #2563eb1a;animation:cardIn .4s cubic-bezier(.22,1,.36,1) both}@keyframes cardIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.loginBrand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.loginLogo{display:flex;align-items:center;justify-content:center;flex-shrink:0}.loginBrandName{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:#1e3a8a;letter-spacing:.04em;text-transform:uppercase}.loginTitle{font-size:22px;font-weight:600;color:#0f172a;letter-spacing:-.4px;margin-bottom:4px;transition:all .25s ease}.loginSubtitle{font-size:13.5px;color:#64748b;margin-bottom:28px}.loginForm{display:flex;flex-direction:column;gap:0;animation:formSlide .3s ease both}@keyframes formSlide{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.formGroup{display:flex;flex-direction:column;margin-bottom:16px}.formGroup label{font-size:12.5px;font-weight:500;color:#374151;margin-bottom:6px;letter-spacing:.01em}.inputWrapper{position:relative;display:flex;align-items:center}.inputIcon{position:absolute;left:12px;color:#9ca3af;pointer-events:none;flex-shrink:0}.inputWrapper input{width:100%;padding:10px 12px 10px 38px;border:1.5px solid #e2e8f0;border-radius:9px;font-size:14px;font-family:DM Sans,sans-serif;color:#0f172a;background:#fafcff;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;outline:none}.inputWrapper input::placeholder{color:#c4cdd8}.inputWrapper input:focus{border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.alertError{background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;color:#be123c;font-size:13px;padding:10px 14px;margin-bottom:14px;animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.alertSuccess{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#15803d;font-size:13px;padding:10px 14px;margin-bottom:14px}.btnPrimary{width:100%;padding:11px 16px;background:#2563eb;color:#fff;border:none;border-radius:9px;font-size:14.5px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;letter-spacing:.01em;transition:background .18s ease,transform .12s ease,box-shadow .18s ease;box-shadow:0 2px 8px #2563eb40,0 1px 2px #2563eb26;margin-top:4px}.btnPrimary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 14px #2563eb52,0 2px 4px #2563eb2e}.btnPrimary:active:not(:disabled){transform:translateY(0);background:#1e40af}.btnPrimary:disabled{background:#93c5fd;cursor:not-allowed;box-shadow:none}.btnSpinner{display:flex;align-items:center;justify-content:center;gap:8px}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loginDivider{margin:24px 0 16px;border:none;border-top:1px solid #f1f5f9}.changePasswordToggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px 12px;background:transparent;border:1.5px solid #e2e8f0;border-radius:9px;color:#475569;font-size:13.5px;font-weight:500;font-family:DM Sans,sans-serif;cursor:pointer;transition:border-color .18s ease,color .18s ease,background .18s ease}.changePasswordToggle:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}