@font-face{font-family:themify;src:url(/build/styles/themify-dff415da.eot);src:url(/build/styles/themify-dff415da.eot?#iefix) format("embedded-opentype"),url(/build/styles/themify-0db5c5a1.woff) format("woff"),url(/build/styles/themify-350663a4.ttf) format("truetype"),url(/build/images/themify-f7af2e09.svg) format("svg");font-weight:400;font-style:normal}[class^=ti-],[class*=" ti-"]{font-family:themify;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}.ti-pencil:before{content:"\e61c"}.ti-pencil-alt:before{content:"\e61d"}.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}.ti-angle-right:before{content:"\e649"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}.ti-vimeo:before{content:"\e729"}.ti-twitter:before{content:"\e72a"}.ti-time:before{content:"\e72b"}.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}.ti-instagram:before{content:"\e73d"}.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}.ti-facebook:before{content:"\e741"}.ti-dropbox:before{content:"\e742"}.ti-dribbble:before{content:"\e743"}.ti-apple:before{content:"\e744"}.ti-android:before{content:"\e745"}.ti-save:before{content:"\e746"}.ti-save-alt:before{content:"\e747"}.ti-yahoo:before{content:"\e748"}.ti-wordpress:before{content:"\e749"}.ti-vimeo-alt:before{content:"\e74a"}.ti-twitter-alt:before{content:"\e74b"}.ti-tumblr-alt:before{content:"\e74c"}.ti-trello:before{content:"\e74d"}.ti-stack-overflow:before{content:"\e74e"}.ti-soundcloud:before{content:"\e74f"}.ti-sharethis:before{content:"\e750"}.ti-sharethis-alt:before{content:"\e751"}.ti-reddit:before{content:"\e752"}.ti-pinterest-alt:before{content:"\e753"}.ti-microsoft-alt:before{content:"\e754"}.ti-linux:before{content:"\e755"}.ti-jsfiddle:before{content:"\e756"}.ti-joomla:before{content:"\e757"}.ti-html5:before{content:"\e758"}.ti-flickr-alt:before{content:"\e759"}.ti-email:before{content:"\e75a"}.ti-drupal:before{content:"\e75b"}.ti-dropbox-alt:before{content:"\e75c"}.ti-css3:before{content:"\e75d"}.ti-rss:before{content:"\e75e"}.ti-rss-alt:before{content:"\e75f"}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #8b004a;--deep-blue: #8b1855;--dark-blue: #0b2b4a;--pure-black: #000000;--off-black: #111827;--pure-white: #ffffff;--soft-white: #f9fafb;--gray-light: #eef2ff;--transition: all .4s cubic-bezier(.2, .9, .4, 1.1)}body{font-family:Bricolage Grotesque,sans-serif;background-color:#ccfff6;color:var(--off-black);overflow-x:hidden}.modern-header{position:fixed;top:0;left:0;width:100%;z-index:1050;background:#8b004a;backdrop-filter:blur(12px);border-bottom:1px solid rgba(10,102,194,.2);transition:var(--transition);padding:1rem 0}.modern-header.scrolled{background:#8b004a;box-shadow:0 8px 28px #0000000f;border-bottom-color:#0a66c24d}.container-nav{max-width:1280px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.logo h1{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,var(--soft-white) 0%,var(--pure-white) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:-.5px;margin-bottom:0}.modern-header{position:fixed;top:0;left:0;width:100%;z-index:1050;background:#8b004a;backdrop-filter:blur(12px);border-bottom:1px solid rgba(10,102,194,.2);transition:all .3s cubic-bezier(.2,.9,.4,1.1);padding:1rem 0;.nav-links {display: flex; gap: 2rem; align-items: center; a {text-decoration: none; font-weight: 600; color: #ffffff; transition: all .3s ease; font-size: 1rem; position: relative; padding: .5rem 0; &:after {content: ""; position: absolute; bottom: 0; left: 0; width: 0%; height: 2.5px; background: linear-gradient(90deg,#ffffff,#3397e9); transition: .3s ease;} &:hover:after,&.active:after {width: 100%;} &:hover,&.active {color: #ffffff;}}} .mobile-toggle {display: none; font-size: 1.8rem; cursor: pointer; color: #8b004a;} .mobile-nav {position: fixed; top: 75px; left: -100%; width: 80%; height: calc(100vh - 75px); background: var(--pure-white); flex-direction: column; padding: 2rem; box-shadow: 4px 0 20px rgba(0,0,0,.05); transition: .4s; gap: 1.5rem; display: flex; z-index: 1000; &.active {left: 0;} a {text-decoration: none; font-weight: 600; color: #111827; font-size: 1.1rem; padding: .5rem 0; border-bottom: 1px solid #eef2ff; &:hover,&.active {color: #8b004a;}}} @media (max-width: 1024px) {.nav-links {display: none;} .mobile-toggle {display: block;}}}@media (max-width: 992px){.nav-links{position:fixed;top:80px;left:-100%;width:80%;height:calc(100vh - 80px);background:var(--pure-white);flex-direction:column;padding:2rem;box-shadow:4px 0 20px #0000000d;transition:.4s;gap:1.8rem;align-items:flex-start;z-index:1000}.nav-links.active{left:0}.mobile-toggle{display:block}.btn-appointment{width:100%;text-align:center}}.hero-slider{margin-top:72px;width:100%;position:relative;overflow:hidden;background:var(--pure-black)}.hero-slider .swiper{width:100%;height:85vh;min-height:400px}.hero-slider .swiper-slide{position:relative;background-size:100% 100%;background-position:center;background-repeat:no-repeat}.slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-content{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 2rem;height:100%;display:flex;align-items:center}.hero-text{max-width:620px;color:var(--off-black);animation:fadeUp .9s ease forwards}.hero-text .badge{display:inline-block;background:rgba(10,102,194,.85);backdrop-filter:blur(4px);padding:.3rem 1rem;border-radius:40px;font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-bottom:1.5rem;color:var(--pure-white)}.hero-text h1{font-size:3.4rem;font-weight:800;line-height:1.2;margin-bottom:1.2rem;text-shadow:0 2px 5px rgba(0,0,0,.2)}.hero-text p{font-size:1.2rem;line-height:1.5;margin-bottom:2rem;opacity:.95;font-weight:400}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn-primary{background:var(--primary-blue);color:var(--pure-white);border:none;padding:.85rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;transition:var(--transition);cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 5px 15px #0003}.btn-primary:hover{background:var(--deep-blue);transform:translateY(-3px);box-shadow:0 12px 22px #00000040}.btn-outline-light{background:var(--pure-white);border:2px solid var(--dark-blue);color:var(--pure-black);padding:.85rem 2rem;border-radius:50px;font-weight:600;transition:var(--transition);text-decoration:none;display:inline-block}.btn-outline-light:hover{background:var(--pure-white);color:var(--primary-blue);border-color:var(--primary-blue);transform:translateY(-3px)}.swiper-pagination-bullet{background:var(--pure-white);opacity:.7}.swiper-pagination-bullet-active{background:var(--primary-blue);transform:scale(1.2)}.swiper-button-next,.swiper-button-prev{color:var(--pure-white);background:rgba(0,0,0,.3);width:50px;height:50px;border-radius:50%;backdrop-filter:blur(4px)}.swiper-button-next:after,.swiper-button-prev:after{font-size:1.3rem;font-weight:700}@keyframes fadeUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.slide-overlay{background:linear-gradient(98deg,rgba(0,0,0,.7) 0%,rgba(0,30,60,.5) 55%,rgba(0,3,5,.3) 100%)}.hero-text h1{font-size:2.3rem}.hero-text p{font-size:1rem}.hero-slider .swiper{width:100%;height:65vh;min-height:400px}.hero-slider .swiper-slide{position:relative;background-size:cover;background-position:right top}.hero-buttons .btn-primary,.hero-buttons .btn-outline-light{padding:8px 12px;font-size:12px}}.treatments-section{padding:80px 0;background:linear-gradient(135deg,#ffffff 0%,#b6d5f8 100%);position:relative;overflow:hidden;&:before{content:"";position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(10,102,194,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}&:after{content:"";position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(0,78,158,.04) 0%,transparent 70%);border-radius:50%;pointer-events:none}.treatments-container {max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2;} .section-header {text-align: center; margin-bottom: 60px; .section-badge {display: inline-block; background: linear-gradient(135deg,#8b004a 0%,#8b1855 100%); color: var(--pure-white); font-size: .8rem; font-weight: 600; padding: 6px 18px; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 16px; box-shadow: 0 4px 12px rgba(10,102,194,.2);} .section-title {font-size: 3rem; font-weight: 800; color: #111827; margin-bottom: 16px; letter-spacing: -.5px; background: linear-gradient(135deg,#8b004a 0%,#8b1855 100%); -webkit-background-clip: text; background-clip: text; color: transparent;} .title-underline {width: 80px; height: 4px; background: linear-gradient(90deg,#8b004a,#8b1855); margin: 0 auto 20px; border-radius: 4px;} .section-subtitle {font-size: 1.2rem; color: #4b5563; max-width: 500px; margin: 0 auto; font-weight: 400;}} .features-grid {display: grid; grid-template-columns: repeat(auto-fit,minmax(340px,1fr)); gap: 30px; margin-bottom: 50px;} .feature-card {background: var(--pure-white); border-radius: 24px; padding: 32px 28px; text-align: center; transition: all .4s cubic-bezier(.2,.9,.4,1.1); position: relative; overflow: hidden; box-shadow: 0 5px 20px rgba(0,0,0,.2); border: 1px solid rgba(10,102,194,.08); cursor: pointer; &::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg,#8b004a,#8b1855); transform: scaleX(0); transform-origin: left; transition: transform .4s ease; transform: scaleX(1);} &:hover {transform: translateY(-8px); box-shadow: 0 15px 25px rgba(10,102,194,.5); border-color: rgba(10,102,194,.15); &::before {transform: scaleX(1);} .feature-icon {transform: scale(1.08); background: linear-gradient(135deg,#8b004a,#8b1855); i {color: var(--pure-white);}}} .feature-icon {width: 80px; height: 80px; background: linear-gradient(135deg,#8b004a,#8b1855); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 24px; transition: all .3s ease; i {font-size: 2.2rem; color: #ffffff; transition: all .3s ease;}} h3 {font-size: 1.35rem; font-weight: 700; color: #111827; margin-bottom: 12px;} p {font-size: .95rem; line-height: 1.5; color: #6b7280; margin: 0;}} .treatments-cta {text-align: center; margin-top: 20px; .btn-explore {display: inline-flex; align-items: center; gap: 12px; background: transparent; border: 2px solid #8b004a; color: #8b004a; padding: 12px 32px; border-radius: 50px; font-weight: 600; font-size: 1rem; text-decoration: none; transition: all .3s ease; cursor: pointer; i {transition: transform .3s ease;} &:hover {background: #8b004a; color: var(--pure-white); transform: translateY(-2px); box-shadow: 0 8px 20px rgba(10,102,194,.25); i {transform: translateX(5px);}}}} @media (max-width: 768px) {padding: 60px 0; .section-header {margin-bottom: 40px; .section-title {font-size: 2rem;} .section-subtitle {font-size: 1rem;}} .features-grid {grid-template-columns: 1fr; gap: 20px;} .feature-card {padding: 24px 20px; .feature-icon {width: 65px; height: 65px; i {font-size: 1.8rem;}} h3 {font-size: 1.2rem;}} .treatments-cta .btn-explore {padding: 10px 24px; font-size: .9rem;}} @media (min-width: 769px) and (max-width: 1024px) {.features-grid {gap: 24px;}}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-doctor-section{padding:100px 0;background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%);position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(ellipse at top right,rgba(10,102,194,.03) 0%,transparent 70%);pointer-events:none}.about-container {max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2;} .about-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px;} .about-image-wrapper {position: relative; padding: 20px; .image-frame {position: relative; border-radius: 30px; overflow: hidden; box-shadow: 0 30px 50px rgba(0,0,0,.1); background: linear-gradient(135deg,#8b004a,#8b1855); padding: 6px;} .doctor-image {border-radius: 26px; overflow: hidden; height: 100%; img {width: 100%; height: 600px; object-fit: contain; object-position: right bottom; display: block; border-radius: 24px; transition: transform .5s ease;} &:hover img {transform: scale(1.02);}} .experience-badge {position: absolute; bottom: 30px; right: -10px; background: var(--pure-white); padding: 15px 25px; border-radius: 16px; box-shadow: 0 15px 30px rgba(10,102,194,.15); text-align: center; border-left: 4px solid #8b004a; backdrop-filter: blur(4px); .years {display: block; font-size: 2rem; font-weight: 800; color: #8b004a; line-height: 1;} .text {font-size: .8rem; color: #4b5563; font-weight: 500;}} .floating-shape {position: absolute; border-radius: 50%; background: linear-gradient(135deg,rgba(10,102,194,.05),rgba(0,78,158,.03)); z-index: -1; pointer-events: none; &.shape-1 {width: 200px; height: 200px; top: -40px; left: -40px;} &.shape-2 {width: 150px; height: 150px; bottom: 20px; right: -30px;}}} .about-content {.section-header-left {margin-bottom: 28px; .section-badge {display: inline-block; background: linear-gradient(135deg,rgba(10,102,194,.1),rgba(0,78,158,.08)); color: #8b004a; font-size: .75rem; font-weight: 700; padding: 5px 14px; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;} .section-title {font-size: 2.8rem; font-weight: 800; color: #111827; margin-bottom: 8px; letter-spacing: -.5px;} .title-line {width: 60px; height: 4px; background: linear-gradient(90deg,#8b004a,#8b1855); border-radius: 4px; margin: 12px 0 16px;} .doctor-title {font-size: 1rem; color: #8b004a; font-weight: 600; margin-bottom: 0;}} .about-text {margin-bottom: 32px; .lead-text {font-size: 1.2rem; font-weight: 600; color: #1f2937; line-height: 1.5; margin-bottom: 20px; font-style: italic; border-left: 3px solid #8b004a; padding-left: 20px;} p {color: #4b5563; line-height: 1.6; margin-bottom: 18px; font-size: .98rem;}} .stats-grid {display: flex; gap: 30px; margin-bottom: 32px; padding: 20px 0; border-top: 1px solid rgba(10,102,194,.1); border-bottom: 1px solid rgba(10,102,194,.1); .stat-item {text-align: center; flex: 1; .stat-number {font-size: 1.8rem; font-weight: 800; color: #8b004a; line-height: 1.2;} .stat-label {font-size: .8rem; color: #6b7280; font-weight: 500;}}} .philosophy-quote {background: linear-gradient(135deg,rgba(10,102,194,.05),rgba(0,78,158,.03)); padding: 20px 25px; border-radius: 20px; margin-bottom: 32px; position: relative; i {position: absolute; font-size: 2rem; color: rgba(10,102,194,.15); top: 15px; left: 20px;} p {font-size: .95rem; line-height: 1.6; color: #374151; margin: 0; padding-left: 35px; font-style: italic;}} .about-buttons {display: flex; gap: 18px; flex-wrap: wrap; .btn-primary {display: inline-flex; align-items: center; gap: 10px; background: linear-gradient(135deg,#8b004a,#8b1855); color: var(--pure-white); padding: 12px 32px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all .3s ease; box-shadow: 0 5px 15px rgba(10,102,194,.25); border: none; cursor: pointer; &:hover {transform: translateY(-2px); box-shadow: 0 10px 25px rgba(10,102,194,.35);}} .btn-outline {display: inline-flex; align-items: center; gap: 10px; background: transparent; border: 2px solid #8b004a; color: #8b004a; padding: 10px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all .3s ease; cursor: pointer; &:hover {background: #8b004a; color: var(--pure-white); transform: translateY(-2px);}}}} @media (max-width: 992px) {.about-grid {grid-template-columns: 1fr; gap: 20px;} .about-image-wrapper {max-width: 500px; margin: 0 auto;} .about-content {text-align: center; .section-header-left {.title-line {margin: 12px auto 16px;}} .about-text .lead-text {text-align: left;} .stats-grid {justify-content: center;} .philosophy-quote {text-align: left; i {top: 10px;}} .about-buttons {justify-content: center;}}} @media (max-width: 768px) {.about-content {.section-header-left .section-title {font-size: 2rem;} .stats-grid {gap: 15px; .stat-item .stat-number {font-size: 1.4rem;}} .about-buttons {flex-direction: column; align-items: center; .btn-primary,.btn-outline {width: 100%; max-width: 250px; justify-content: center;}}} .about-image-wrapper .experience-badge {padding: 10px 18px; right: 0; .years {font-size: 1.5rem;}} .about-image-wrapper {.doctor-image {img {height: 400px;} &:hover img {transform: scale(1.02);}}}} @media (max-width: 480px) {.about-content .stats-grid {flex-direction: column; gap: 15px;}}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-image-wrapper,.about-content{animation:fadeSlideUp .7s ease forwards;opacity:0}.about-image-wrapper{animation-delay:.1s}.about-content{animation-delay:.2s}.gallery-section{padding:80px 0;background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%);.gallery-container {max-width: 1280px; margin: 0 auto; padding: 0 24px;} .section-header {text-align: center; margin-bottom: 50px; .section-badge {display: inline-block; background: linear-gradient(135deg,#8b004a,#8b1855); color: var(--pure-white); font-size: .75rem; font-weight: 700; padding: 5px 18px; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;} .section-title {font-size: 2.5rem; font-weight: 800; background: linear-gradient(135deg,#8b004a,#8b1855); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 12px;} .title-underline {width: 70px; height: 3px; background: linear-gradient(90deg,#8b004a,#8b1855); margin: 0 auto 20px; border-radius: 3px;} .section-subtitle {color: #6b7280; font-size: 1rem;}} .gallery-grid {column-count: 4; column-gap: 20px; .gallery-item {break-inside: avoid; margin-bottom: 20px; position: relative; border-radius: 16px; overflow: hidden; cursor: pointer; transition: transform .3s ease; img {width: 100%; height: auto; display: block; border-radius: 16px; transition: all .4s ease;} .gallery-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(10,102,194,.85); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity .3s ease; border-radius: 16px; i {color: var(--pure-white); font-size: 2rem; transform: scale(.8); transition: transform .3s ease;}} &:hover {img {transform: scale(1.02);} .gallery-overlay {opacity: 1; i {transform: scale(1);}}}}} @media (max-width: 1200px) {.gallery-grid {column-count: 3;}} @media (max-width: 768px) {.gallery-grid {column-count: 2;}} @media (max-width: 480px) {.gallery-grid {column-count: 1;}} .lightbox {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.95); z-index: 9999; align-items: center; justify-content: center; cursor: pointer; .close-lightbox {position: absolute; top: 30px; right: 40px; color: var(--pure-white); font-size: 40px; font-weight: bold; cursor: pointer; transition: .3s; z-index: 10000; &:hover {color: #8b004a;}} .lightbox-img {max-width: 90%; max-height: 90%; object-fit: contain; border-radius: 8px;}} .lightbox.active {display: flex;}}.testimonial-section{padding:80px 0;background:linear-gradient(135deg,#f0f7ff 0%,#ffffff 100%);position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path fill="rgba(10,102,194,0.03)" d="M100 0L200 100L100 200L0 100Z"/></svg>') repeat;opacity:.4;pointer-events:none}.testimonial-container {max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2;} .section-header {text-align: center; margin-bottom: 50px; .section-badge {display: inline-block; background: linear-gradient(135deg,#8b004a,#8b1855); color: var(--pure-white); font-size: .75rem; font-weight: 700; padding: 5px 18px; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;} .section-title {font-size: 2.5rem; font-weight: 800; background: linear-gradient(135deg,#8b004a,#8b1855); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 12px;} .title-underline {width: 70px; height: 3px; background: linear-gradient(90deg,#8b004a,#8b1855); margin: 0 auto 20px; border-radius: 3px;} .section-subtitle {color: #6b7280; font-size: 1rem;}} .testimonial-slider {max-width: 900px; margin: 0 auto; position: relative; .slider-wrapper {overflow: hidden; position: relative; min-height: 300px;} .testimonial-card {display: none; animation: fadeIn .5s ease; &.active {display: block;} .quote-icon {text-align: center; margin-bottom: 25px; i {font-size: 3rem; color: rgba(10,102,194,.15);}} .testimonial-content {background: var(--pure-white); padding: 35px 40px; border-radius: 24px; box-shadow: 0 10px 35px rgba(0,0,0,.05); border: 1px solid rgba(10,102,194,.1); margin-bottom: 30px; position: relative; &::after {content: ""; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid var(--pure-white);} .testimonial-text {font-size: 1.1rem; line-height: 1.7; color: #374151; text-align: center; margin-bottom: 20px; font-style: italic;} .rating {text-align: center; margin-bottom: 15px; i {color: #fbbf24; font-size: 1rem; margin: 0 2px;}} .treatment-badge {text-align: center; display: inline-block; width: 100%; span {display: inline-block; background: linear-gradient(135deg,rgba(10,102,194,.1),rgba(0,78,158,.08)); color: #8b004a; font-size: .75rem; font-weight: 600; padding: 5px 15px; border-radius: 50px;}}} .testimonial-author {display: flex; align-items: center; justify-content: center; gap: 15px; text-align: left; .author-image {width: 60px; height: 60px; border-radius: 50%; overflow: hidden; border: 3px solid #8b004a; box-shadow: 0 5px 15px rgba(10,102,194,.2); img {width: 100%; height: 100%; object-fit: cover;}} .author-info {h4 {font-size: 1.1rem; font-weight: 700; color: #111827; margin-bottom: 3px;} p {font-size: .8rem; color: #6b7280; i {color: #8b004a; margin-right: 4px;}}}}}} .slider-nav {display: flex; align-items: center; justify-content: center; gap: 25px; margin-top: 40px; .nav-btn {width: 50px; height: 50px; border-radius: 50%; background: var(--pure-white); border: 1px solid rgba(10,102,194,.2); cursor: pointer; transition: all .3s ease; display: flex; align-items: center; justify-content: center; i {font-size: 1.2rem; color: #8b004a;} &:hover {background: #8b004a; border-color: #8b004a; i {color: var(--pure-white);}}} .slider-dots {display: flex; gap: 10px; .dot {width: 10px; height: 10px; border-radius: 50%; background: #cbd5e1; cursor: pointer; transition: all .3s ease; &.active {width: 28px; border-radius: 10px; background: linear-gradient(90deg,#8b004a,#8b1855);} &:hover {background: #8b004a;}}}} @keyframes fadeIn {from {opacity: 0; transform: translateY(20px);} to {opacity: 1; transform: translateY(0);}} @media (max-width: 768px) {padding: 60px 0; .section-header .section-title {font-size: 1.8rem;} .testimonial-slider .testimonial-card {.testimonial-content {padding: 25px 20px; .testimonial-text {font-size: .95rem;}} .testimonial-author {.author-image {width: 50px; height: 50px;} .author-info h4 {font-size: 1rem;}}} .slider-nav {gap: 15px; .nav-btn {width: 40px; height: 40px;}}}}.contact-section{padding:80px 0;background:linear-gradient(135deg,#ffffff 0%,#f8faff 100%);.contact-container {max-width: 1280px; margin: 0 auto; padding: 0 24px;} .section-header {text-align: center; margin-bottom: 50px; .section-badge {display: inline-block; background: linear-gradient(135deg,#8b004a,#8b1855); color: var(--pure-white); font-size: .75rem; font-weight: 700; padding: 5px 18px; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;} .section-title {font-size: 2.5rem; font-weight: 800; background: linear-gradient(135deg,#8b004a,#8b1855); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 12px;} .title-underline {width: 70px; height: 3px; background: linear-gradient(90deg,#8b004a,#8b1855); margin: 0 auto 20px; border-radius: 3px;} .section-subtitle {color: #6b7280; font-size: 1rem;}} .contact-grid {display: grid; grid-template-columns: 1fr 1.2fr; gap: 35px; margin-bottom: 45px;} .contact-info-wrapper {.contact-info-card {background: var(--pure-white); border-radius: 24px; padding: 30px; box-shadow: 0 10px 35px rgba(0,0,0,.05); border: 1px solid rgba(10,102,194,.08); transition: all .3s ease; height: 100%; &:hover {transform: translateY(-5px); box-shadow: 0 20px 40px rgba(10,102,194,.1); border-color: rgba(10,102,194,.15);} .card-header {display: flex; align-items: center; gap: 12px; margin-bottom: 25px; padding-bottom: 18px; border-bottom: 2px solid rgba(10,102,194,.1); i {font-size: 1.8rem; color: #8b004a;} h3 {font-size: 1.4rem; font-weight: 700; color: #111827; margin: 0;}} .contact-list {display: flex; flex-direction: column; gap: 20px; .contact-item {display: flex; align-items: flex-start; gap: 15px; >i {width: 35px; height: 35px; background: rgba(10,102,194,.08); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1rem; color: #8b004a; flex-shrink: 0;} .contact-details {flex: 1; .label {display: block; font-size: .7rem; font-weight: 600; color: #9ca3af; text-transform: uppercase; letter-spacing: .5px; margin-bottom: 4px;} a {font-size: .95rem; color: #1f2937; text-decoration: none; transition: color .3s ease; font-weight: 500; word-break: break-all; &:hover {color: #8b004a;}}}}}}} .hospital-cards {display: flex; flex-direction: column; gap: 25px; .hospital-card {background: var(--pure-white); border-radius: 24px; padding: 30px; box-shadow: 0 10px 35px rgba(0,0,0,.05); border: 1px solid rgba(10,102,194,.08); transition: all .3s ease; &:hover {transform: translateX(5px); box-shadow: 0 20px 40px rgba(10,102,194,.1); border-color: rgba(10,102,194,.15);} .hospital-header {display: flex; align-items: center; gap: 12px; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid rgba(10,102,194,.1); i {font-size: 1.6rem; color: #8b004a;} h3 {font-size: 1.2rem; font-weight: 700; color: #111827; margin: 0;}} .hospital-details {.address {display: flex; gap: 15px; margin-bottom: 18px; i {font-size: 1.2rem; color: #8b004a; margin-top: 3px;} p {font-size: .95rem; line-height: 1.6; color: #4b5563; margin: 0;}} .phone {display: flex; gap: 15px; flex-wrap: wrap; >i {font-size: 1.2rem; color: #8b004a;} a {font-size: .95rem; color: #8b004a; text-decoration: none; font-weight: 600; transition: color .3s ease; &:hover {color: #8b1855; text-decoration: underline;}} .phone-numbers {display: flex; flex-direction: column; gap: 5px; span {font-size: .9rem; color: #4b5563; a {font-weight: 600;}}}}}}} .emergency-banner {background: linear-gradient(135deg,#8b004a 0%,#8b1855 100%); border-radius: 20px; padding: 25px 35px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; box-shadow: 0 15px 35px rgba(10,102,194,.25); .emergency-icon {background: rgba(255,255,255,.2); width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; i {font-size: 1.8rem; color: var(--pure-white);}} .emergency-text {flex: 1; h4 {font-size: 1.2rem; font-weight: 700; color: var(--pure-white); margin: 0 0 5px 0;} p {font-size: .85rem; color: rgba(255,255,255,.85); margin: 0;}} .emergency-number {a {background: var(--pure-white); padding: 12px 28px; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.2rem; color: #8b004a; transition: all .3s ease; display: inline-block; &:hover {transform: scale(1.05); box-shadow: 0 5px 15px rgba(0,0,0,.2);}}}} @media (max-width: 992px) {.contact-grid {grid-template-columns: 1fr; gap: 30px;} .emergency-banner {flex-direction: column; text-align: center; .emergency-text {text-align: center;}}} @media (max-width: 768px) {padding: 60px 0; .section-header .section-title {font-size: 1.8rem;} .contact-info-wrapper .contact-info-card {padding: 20px;} .hospital-cards .hospital-card {padding: 20px;} .emergency-banner {padding: 20px; .emergency-number a {font-size: 1rem; padding: 10px 20px;}}}}.video-section{padding:80px 0;background:linear-gradient(135deg,#f8faff 0%,#ffffff 100%);.video-container {max-width: 1280px; margin: 0 auto; padding: 0 24px;} .section-header {text-align: center; margin-bottom: 50px; .section-badge {display: inline-block; background: linear-gradient(135deg,#8b004a,#8b1855); color: var(--pure-white); font-size: .75rem; font-weight: 700; padding: 5px 18px; border-radius: 50px; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px;} .section-title {font-size: 2.5rem; font-weight: 800; background: linear-gradient(135deg,#8b004a,#8b1855); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 12px;} .title-underline {width: 70px; height: 3px; background: linear-gradient(90deg,#8b004a,#8b1855); margin: 0 auto 20px; border-radius: 3px;} .section-subtitle {color: #6b7280; font-size: 1rem; max-width: 700px; margin: 0 auto;}} .video-grid {display: grid; grid-template-columns: repeat(auto-fill,minmax(350px,1fr)); gap: 30px; .video-item {position: relative; width: 100%; padding-bottom: 56.25%; background: #000; border-radius: 16px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.1); transition: transform .3s ease,box-shadow .3s ease; &:hover {transform: translateY(-5px); box-shadow: 0 20px 40px rgba(10,102,194,.15);} iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none;}}} @media (max-width: 768px) {padding: 60px 0; .section-header .section-title {font-size: 1.8rem;} .video-grid {grid-template-columns: 1fr; gap: 20px;}} @media (min-width: 769px) and (max-width: 1024px) {.video-grid {grid-template-columns: repeat(2,1fr);}}}.footer-section{background:linear-gradient(135deg,#0b1a2e 0%,#000000 100%);padding:60px 0 20px;position:relative;overflow:hidden;&:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8b004a,#8b1855,#8b004a)}.footer-container {max-width: 1280px; margin: 0 auto; padding: 0 24px;} .footer-content {display: flex; flex-direction: column; align-items: center; text-align: center; margin-bottom: 40px;} .footer-brand {margin-bottom: 30px; .footer-logo {font-size: 1.8rem; font-weight: 800; background: linear-gradient(135deg,#8b004a,#60a5fa); -webkit-background-clip: text; background-clip: text; color: transparent; margin-bottom: 15px; letter-spacing: -.5px;} .footer-description {font-size: .9rem; color: #9ca3af; line-height: 1.6; max-width: 450px; margin: 0 auto;}} .footer-contact {display: flex; flex-wrap: wrap; justify-content: center; gap: 25px; margin-bottom: 30px; .contact-item {display: flex; align-items: center; gap: 10px; font-size: .85rem; color: #d1d5db; i {color: #8b004a; font-size: .9rem; width: 20px;} span {transition: color .3s ease;}}} .footer-social {display: flex; justify-content: center; gap: 20px; margin-bottom: 20px; .social-icon {width: 40px; height: 40px; background: rgba(255,255,255,.05); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all .3s ease; cursor: default; i {font-size: 1.2rem; color: #9ca3af; transition: all .3s ease;} &:hover {background: rgba(10,102,194,.2); i {color: #8b004a;}}}} .footer-bottom {text-align: center; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.08); p {font-size: .75rem; color: #6b7280; letter-spacing: .5px;}} @media (max-width: 768px) {padding: 45px 0 20px; .footer-brand {.footer-logo {font-size: 1.5rem;} .footer-description {font-size: .8rem; padding: 0 15px;}} .footer-contact {flex-direction: column; gap: 12px; align-items: center; .contact-item {justify-content: center;}} .footer-social {gap: 15px; .social-icon {width: 35px; height: 35px; i {font-size: 1rem;}}} .footer-bottom p {font-size: .7rem;}}}