html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box}img{max-width:100%;height:auto}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 222.2 47.4% 11.2%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96.1%;--secondary-foreground: 222.2 47.4% 11.2%;--muted: 210 40% 96.1%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96.1%;--accent-foreground: 222.2 47.4% 11.2%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 222.2 84% 4.9%;--radius: .5rem}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.pointer-events-auto{pointer-events:auto}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.bottom-6{bottom:1.5rem}.right-2{right:.5rem}.right-6{right:1.5rem}.top-0{top:0}.top-2{top:.5rem}.z-50{z-index:50}.z-\[100\]{z-index:100}.mx-auto{margin-left:auto;margin-right:auto}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-4{margin-left:1rem}.mt-8{margin-top:2rem}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[400px\]{height:400px}.h-\[500px\]{height:500px}.max-h-screen{max-height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-12{gap:3rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-destructive{border-color:hsl(var(--destructive))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.bg-background{background-color:hsl(var(--background))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-900{--tw-gradient-from: #581c87 var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-900{--tw-gradient-to: #1e3a8a var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to: #faf5ff var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-yellow-400{fill:#facc15}.object-cover{-o-object-fit:cover;object-fit:cover}.p-1{padding:.25rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pr-8{padding-right:2rem}.pt-20{padding-top:5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground\/50{color:hsl(var(--foreground) / .5)}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary:hover{background-color:hsl(var(--secondary))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-foreground:hover{color:hsl(var(--foreground))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:opacity-100:focus{opacity:1}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:opacity-100{opacity:1}.group.destructive .group-\[\.destructive\]\:border-destructive\/30{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:hover\:border-destructive\/30:hover{border-color:hsl(var(--destructive) / .3)}.group.destructive .group-\[\.destructive\]\:hover\:bg-destructive:hover{background-color:hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:hover\:text-destructive-foreground:hover{color:hsl(var(--destructive-foreground))}.group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover{--tw-text-opacity: 1;color:rgb(254 242 242 / var(--tw-text-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-destructive:focus{--tw-ring-color: hsl(var(--destructive))}.group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1))}.group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus{--tw-ring-offset-color: #dc2626}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x: var(--radix-toast-swipe-end-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x: var(--radix-toast-swipe-move-x);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}.data-\[state\=open\]\:animate-in[data-state=open]{animation-name:enter;animation-duration:.15s;--tw-enter-opacity: initial;--tw-enter-scale: initial;--tw-enter-rotate: initial;--tw-enter-translate-x: initial;--tw-enter-translate-y: initial}.data-\[state\=closed\]\:animate-out[data-state=closed],.data-\[swipe\=end\]\:animate-out[data-swipe=end]{animation-name:exit;animation-duration:.15s;--tw-exit-opacity: initial;--tw-exit-scale: initial;--tw-exit-rotate: initial;--tw-exit-translate-x: initial;--tw-exit-translate-y: initial}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity: .8}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100%}.data-\[state\=open\]\:slide-in-from-top-full[data-state=open]{--tw-enter-translate-y: -100%}@media (min-width: 640px){.sm\:bottom-0{bottom:0}.sm\:right-0{right:0}.sm\:top-auto{top:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-col{flex-direction:column}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:text-5xl{font-size:3rem;line-height:1}.data-\[state\=open\]\:sm\:slide-in-from-bottom-full[data-state=open]{--tw-enter-translate-y: 100%}}@media (min-width: 768px){.md\:max-w-\[420px\]{max-width:420px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}
/* Modern office section */
.office-section {
position: relative;
padding: clamp(4rem, 6vw, 7rem) 0 clamp(3rem, 5vw, 6rem);
overflow: hidden;
}
.office-section__background {
position: absolute;
inset: 0;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.14), rgba(56, 189, 248, 0.1));
z-index: 0;
}
.office-section__background::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 12% 20%, rgba(16, 185, 129, 0.18), transparent 55%),
radial-gradient(circle at 85% 80%, rgba(59, 130, 246, 0.2), transparent 52%);
opacity: 0.9;
}
.office-section__container {
position: relative;
z-index: 1;
width: min(1120px, 92vw);
margin: 0 auto;
padding: 0 clamp(1.5rem, 4vw, 3rem);
box-sizing: border-box;
}
.office-section__layout {
display: grid;
gap: clamp(2rem, 4vw, 4rem);
align-items: center;
}
@media (min-width: 1024px) {
.office-section__layout {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.1fr);
}
}
.office-section__intro {
display: grid;
gap: 1.25rem;
color: #0f172a;
max-width: 480px;
}
.office-section__badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.4rem 0.9rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
background: rgba(20, 184, 166, 0.14);
color: #0f766e;
box-shadow: inset 0 0 0 1px rgba(14, 116, 144, 0.12);
}
.office-section__title {
font-size: clamp(2.1rem, 4vw, 2.8rem);
line-height: 1.15;
font-weight: 700;
color: #0f172a;
margin: 0;
}
.office-section__subtitle {
font-size: clamp(1rem, 1.1vw + 0.9rem, 1.125rem);
color: rgba(15, 23, 42, 0.72);
margin: 0;
}
.office-section__details {
display: grid;
gap: 1rem;
margin-top: 0.75rem;
}
.office-section__detail {
display: flex;
align-items: flex-start;
gap: 0.9rem;
padding: 1rem 1.15rem;
border-radius: 20px;
background: rgba(255, 255, 255, 0.78);
border: 1px solid rgba(148, 163, 184, 0.18);
box-shadow: 0 18px 40px -28px rgba(15, 118, 110, 0.45);
backdrop-filter: blur(14px);
}
.office-section__detail-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.75rem;
height: 2.75rem;
border-radius: 50%;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.16), rgba(59, 130, 246, 0.18));
color: #0f766e;
flex-shrink: 0;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}
.office-section__detail-icon svg {
width: 1.5rem;
height: 1.5rem;
}
.office-section__detail-label {
display: block;
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
color: rgba(15, 118, 110, 0.85);
margin-bottom: 0.25rem;
}
.office-section__detail-text {
display: block;
font-size: 0.95rem;
line-height: 1.5;
color: rgba(15, 23, 42, 0.82);
text-decoration: none;
}
.office-section__detail-link {
color: #0f766e;
font-weight: 600;
}
.office-section__detail-link:hover,
.office-section__detail-link:focus {
text-decoration: underline;
}
.office-carousel {
position: relative;
}
.office-carousel__viewport {
position: relative;
overflow: hidden;
border-radius: 28px;
background: rgba(255, 255, 255, 0.78);
border: 1px solid rgba(148, 163, 184, 0.22);
box-shadow: 0 28px 70px -38px rgba(15, 118, 110, 0.55);
backdrop-filter: blur(16px);
}
.office-carousel__track {
display: flex;
transition: transform 0.7s cubic-bezier(0.33, 1, 0.68, 1);
will-change: transform;
}
.office-carousel__slide {
flex: 0 0 100%;
}
.office-carousel__slide img {
width: 100%;
height: clamp(260px, 55vw, 420px);
object-fit: cover;
display: block;
}
.office-carousel__nav-button {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 46px;
height: 46px;
border-radius: 9999px;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.92), rgba(59, 130, 246, 0.85));
color: #ffffff;
cursor: pointer;
box-shadow: 0 15px 30px -20px rgba(15, 118, 110, 0.8);
transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}
.office-carousel__nav-button:hover,
.office-carousel__nav-button:focus {
transform: translateY(-50%) scale(1.05);
box-shadow: 0 20px 32px -18px rgba(15, 118, 110, 0.75);
outline: none;
}
.office-carousel__nav-button svg {
width: 22px;
height: 22px;
}
.office-carousel__nav-button--prev {
left: 1rem;
}
.office-carousel__nav-button--next {
right: 1rem;
}
.office-carousel__dots {
display: flex;
justify-content: center;
align-items: center;
gap: 0.75rem;
margin-top: 1.5rem;
}
.office-carousel__dot {
width: 12px;
height: 12px;
border-radius: 9999px;
border: none;
background: rgba(15, 118, 110, 0.28);
cursor: pointer;
transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}
.office-carousel__dot.is-active {
transform: scale(1.25);
background: linear-gradient(135deg, rgba(20, 184, 166, 0.95), rgba(59, 130, 246, 0.95));
box-shadow: 0 0 0 4px rgba(20, 184, 166, 0.18);
}
.office-section__map {
margin-top: clamp(2.5rem, 5vw, 4rem);
padding: clamp(1.25rem, 3vw, 2rem);
border-radius: 30px;
background: rgba(255, 255, 255, 0.82);
border: 1px solid rgba(148, 163, 184, 0.22);
box-shadow: 0 25px 60px -36px rgba(15, 118, 110, 0.6);
backdrop-filter: blur(18px);
display: grid;
gap: 1.5rem;
}
.office-section__map-copy {
max-width: 460px;
}
.office-section__map-title {
font-size: clamp(1.4rem, 2.5vw, 1.75rem);
margin: 0 0 0.5rem;
color: #0f172a;
}
.office-section__map-description {
margin: 0;
font-size: 0.98rem;
line-height: 1.6;
color: rgba(15, 23, 42, 0.7);
}
.office-section__map-actions {
margin-top: clamp(1.1rem, 2.8vw, 1.65rem);
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
}
.office-section__map-link {
--map-link-color: #0f172a;
--map-link-bg: rgba(15, 23, 42, 0.06);
--map-link-bg-hover: rgba(15, 23, 42, 0.1);
--map-link-border: rgba(15, 23, 42, 0.12);
display: inline-flex;
align-items: center;
gap: 0.65rem;
padding: 0.75rem 1.15rem;
border-radius: 999px;
font-weight: 600;
font-size: 0.94rem;
line-height: 1.1;
color: var(--map-link-color);
background: var(--map-link-bg);
border: 1px solid var(--map-link-border);
text-decoration: none;
box-shadow: 0 12px 30px -24px rgba(15, 23, 42, 0.6);
transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}
.office-section__map-link:hover,
.office-section__map-link:focus-visible {
transform: translateY(-1px);
box-shadow: 0 18px 40px -28px rgba(15, 23, 42, 0.55);
background: var(--map-link-bg-hover);
}
.office-section__map-link:focus-visible {
outline: 3px solid rgba(59, 130, 246, 0.35);
outline-offset: 2px;
}
.office-section__map-link-icon svg {
width: 1.35rem;
height: 1.35rem;
stroke-width: 1.5;
}
.office-section__map-link--google {
--map-link-color: #1d4ed8;
--map-link-bg: rgba(29, 78, 216, 0.12);
--map-link-bg-hover: rgba(29, 78, 216, 0.18);
--map-link-border: rgba(29, 78, 216, 0.25);
}
.office-section__map-link--waze {
--map-link-color: #0f766e;
--map-link-bg: rgba(13, 148, 136, 0.14);
--map-link-bg-hover: rgba(13, 148, 136, 0.22);
--map-link-border: rgba(13, 148, 136, 0.28);
}
.office-section__map-frame iframe {
width: 100%;
height: clamp(260px, 52vw, 420px);
border: 0;
border-radius: 24px;
box-shadow: inset 0 0 0 1px rgba(148, 163, 184, 0.2);
}
@media (min-width: 768px) {
.office-section__map {
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
align-items: stretch;
}
.office-section__map-actions {
max-width: 420px;
}
.office-section__map-frame iframe {
height: clamp(280px, 32vw, 440px);
}
}
@media (max-width: 640px) {
.office-section__detail {
padding: 0.9rem 1rem;
}
.office-carousel__nav-button {
width: 42px;
height: 42px;
}
.office-carousel__nav-button--prev {
left: 0.75rem;
}
.office-carousel__nav-button--next {
right: 0.75rem;
}
}
/* Modern values section */
.values-modern {
position: relative;
overflow: hidden;
padding: clamp(3rem, 5vw, 4.5rem);
border-radius: 36px;
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(148, 163, 184, 0.24);
box-shadow: 0 35px 90px -45px rgba(15, 118, 110, 0.55);
backdrop-filter: blur(20px);
display: grid;
gap: clamp(2rem, 4vw, 3rem);
}
.values-modern::before,
.values-modern::after {
content: "";
position: absolute;
border-radius: 9999px;
filter: blur(70px);
opacity: 0.7;
z-index: 0;
}
.values-modern::before {
bottom: -20%;
left: -10%;
width: 320px;
height: 320px;
background: rgba(20, 184, 166, 0.25);
}
.values-modern::after {
top: -25%;
right: -15%;
width: 360px;
height: 360px;
background: rgba(59, 130, 246, 0.2);
}
.values-modern__header {
position: relative;
z-index: 1;
display: grid;
gap: 0.85rem;
text-align: center;
max-width: 540px;
margin: 0 auto;
}
@media (min-width: 768px) {
.values-modern__header {
text-align: left;
margin: 0;
}
}
.values-modern__eyebrow {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.35rem 0.85rem;
border-radius: 9999px;
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #0f766e;
background: rgba(20, 184, 166, 0.15);
box-shadow: inset 0 0 0 1px rgba(14, 116, 144, 0.18);
}
.values-modern__title {
font-size: clamp(2rem, 4vw, 2.6rem);
line-height: 1.2;
color: #0f172a;
margin: 0;
font-weight: 700;
}
.values-modern__description {
margin: 0;
font-size: 1.05rem;
line-height: 1.7;
color: rgba(15, 23, 42, 0.72);
}
.values-modern__grid {
position: relative;
z-index: 1;
display: grid;
gap: 1.5rem;
}
@media (min-width: 640px) {
.values-modern__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.values-modern__card {
position: relative;
display: grid;
gap: 1rem;
padding: clamp(1.8rem, 3vw, 2.2rem);
border-radius: 28px;
background: linear-gradient(145deg, rgba(236, 253, 245, 0.95), rgba(224, 242, 254, 0.9));
border: 1px solid rgba(148, 163, 184, 0.2);
box-shadow: 0 25px 50px -35px rgba(15, 118, 110, 0.5);
transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
}
.values-modern__card:hover,
.values-modern__card:focus-within {
transform: translateY(-6px);
box-shadow: 0 35px 65px -40px rgba(15, 118, 110, 0.55);
border-color: rgba(20, 184, 166, 0.35);
}
.values-modern__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 3.25rem;
height: 3.25rem;
border-radius: 22px;
background: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(59, 130, 246, 0.16));
color: #0f766e;
box-shadow: inset 0 0 0 1px rgba(14, 116, 144, 0.15);
}
.values-modern__icon svg {
width: 28px;
height: 28px;
}
.values-modern__card-title {
margin: 0;
font-size: 1.25rem;
font-weight: 600;
color: #0f172a;
}
.values-modern__card-text {
margin: 0;
font-size: 1rem;
line-height: 1.65;
color: rgba(15, 23, 42, 0.72);
}
.values-modern__accent {
position: absolute;
left: clamp(1.5rem, 3vw, 2.2rem);
right: clamp(1.5rem, 3vw, 2.2rem);
bottom: clamp(1rem, 2vw, 1.35rem);
height: 4px;
border-radius: 9999px;
background: linear-gradient(90deg, rgba(20, 184, 166, 0.85), rgba(59, 130, 246, 0.85));
transform-origin: left center;
transform: scaleX(0.25);
transition: transform 0.4s ease;
}
.values-modern__card:hover .values-modern__accent,
.values-modern__card:focus-within .values-modern__accent {
transform: scaleX(1);
}
@media (prefers-reduced-motion: reduce) {
.office-carousel__track,
.office-carousel__nav-button,
.office-carousel__dot,
.values-modern__card,
.values-modern__accent {
transition-duration: 0.01ms !important;
transition-delay: 0s !important;
}
.office-carousel__nav-button:hover,
.office-carousel__nav-button:focus,
.values-modern__card:hover,
.values-modern__card:focus-within {
transform: none;
box-shadow: inherit;
}
}
/* -------------------------------------------------------------------------- */
/* Utility fallbacks for responsive layout consistency */
/* -------------------------------------------------------------------------- */
.mt-12 {
margin-top: 3rem;
}
.pt-40 {
padding-top: 10rem;
}
.p-3 {
padding: 0.75rem;
}
.py-3 {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
}
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
}
.border-gray-300 {
--tw-border-opacity: 1;
border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.rounded-lg {
border-radius: 0.5rem;
}
.text-green-700 {
--tw-text-opacity: 1;
color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.no-underline {
text-decoration: none;
}
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:bg-green-700:hover {
--tw-bg-opacity: 1;
background-color: rgb(21 128 61 / var(--tw-bg-opacity, 1));
}
.focus\:border-green-500:focus {
--tw-border-opacity: 1;
border-color: rgb(34 197 94 / var(--tw-border-opacity, 1));
}
.focus\:ring-green-500:focus {
outline: 2px solid transparent;
outline-offset: 2px;
box-shadow: 0 0 0 3px rgba(34, 197, 94, 0.35);
}
.prose {
color: #374151;
font-size: 1rem;
line-height: 1.75;
max-width: 65ch;
margin-left: auto;
margin-right: auto;
}
.prose h1,
.prose h2,
.prose h3,
.prose h4 {
font-weight: 700;
color: #111827;
line-height: 1.25;
margin-top: 2.5rem;
margin-bottom: 1rem;
}
.prose > :first-child {
margin-top: 0;
}
.prose h1 {
font-size: 2.25rem;
}
.prose h2 {
font-size: 1.875rem;
}
.prose h3 {
font-size: 1.5rem;
}
.prose p {
margin-bottom: 1.25rem;
}
.prose ul,
.prose ol {
padding-left: 1.5rem;
margin-bottom: 1.25rem;
}
.prose ul {
list-style: disc;
}
.prose ol {
list-style: decimal;
}
.prose a {
color: #047857;
text-decoration: underline;
}
.prose strong {
font-weight: 600;
}
.navigation {
width: 100%;
}
.zl-url {
display: block;
width: 100%;
min-height: 480px;
border-radius: 1rem;
overflow: hidden;
}
.zl-url iframe {
width: 100%;
height: 100%;
border: 0;
}
@media (min-width: 640px) {
.sm\:inline-block {
display: inline-block;
}
.sm\:w-auto {
width: auto;
}
}
@media (min-width: 768px) {
.md\:text-left {
text-align: left;
}
}
@media (min-width: 1024px) {
.lg\:prose-lg {
font-size: 1.2rem;
line-height: 1.85;
}
}
:root {
--admin-bar-offset: 0px;
--header-offset: clamp(4.5rem, 6.5vw, 5.6rem);
}
html {
scroll-padding-top: calc(var(--header-offset) + var(--admin-bar-offset));
}
body {
padding-top: calc(var(--header-offset) + var(--admin-bar-offset));
transition: padding-top 0.24s ease;
}
body.admin-bar {
--admin-bar-offset: 32px;
}
@media (max-width: 782px) {
body.admin-bar {
--admin-bar-offset: 46px;
}
}
.site-header {
top: var(--admin-bar-offset);
transition: top 0.24s ease;
}
.site-main {
padding-top: clamp(0.5rem, 1.5vw, 1.25rem);
}
@media (min-width: 1024px) {
.site-main {
padding-top: clamp(0.75rem, 1.5vw, 1.5rem);
}
}
.section-spacing {
padding-block: clamp(2.5rem, 5vw, 3.5rem);
scroll-margin-top: calc(var(--header-offset) + 1rem);
}
.hero-section {
padding-top: clamp(1.5rem, 3vw, 2.25rem);
padding-bottom: clamp(3rem, 5vw, 4.5rem);
}
.office-section {
padding-top: clamp(3rem, 5vw, 5.5rem);
padding-bottom: clamp(2.5rem, 4vw, 4.5rem);
scroll-margin-top: calc(var(--header-offset) + 1rem);
}
@media (prefers-reduced-motion: reduce) {
body,
.site-header {
transition: none;
}
}
/* Doctoralia reviews highlight section */
.doctoralia-reviews {
position: relative;
margin: 0;
padding: 5rem 1.5rem 6rem;
background: linear-gradient(135deg, #f0fdf4 0%, #ecfdf5 45%, #ffffff 100%);
overflow: hidden;
}
@media (min-width: 768px) {
.doctoralia-reviews {
padding: 6.5rem 2.5rem 7rem;
}
}
.doctoralia-reviews__overlay {
position: absolute;
inset: 0;
background-image: radial-gradient(circle at 20% 20%, rgba(16, 185, 129, 0.12), transparent 55%),
radial-gradient(circle at 80% 10%, rgba(59, 130, 246, 0.08), transparent 50%),
radial-gradient(circle at 50% 80%, rgba(45, 212, 191, 0.1), transparent 60%);
opacity: 0.7;
pointer-events: none;
}
.doctoralia-reviews__container {
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.doctoralia-reviews__header {
text-align: center;
display: grid;
gap: 1rem;
}
.doctoralia-reviews__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.875rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #047857;
background: rgba(21, 128, 61, 0.12);
padding: 0.5rem 1.25rem;
border-radius: 999px;
}
.doctoralia-reviews__title {
font-size: clamp(2rem, 5vw, 2.75rem);
color: #064e3b;
margin: 0;
line-height: 1.2;
}
.doctoralia-reviews__description {
max-width: 48rem;
margin: 0 auto;
font-size: 1.05rem;
line-height: 1.7;
color: #0f172a;
opacity: 0.85;
}
.doctoralia-reviews__widget {
position: relative;
z-index: 1;
background: rgba(255, 255, 255, 0.9);
border-radius: 32px;
padding: clamp(1.5rem, 3vw, 2.75rem);
box-shadow: 0 40px 80px -45px rgba(15, 118, 110, 0.5);
backdrop-filter: blur(6px);
}
.doctoralia-reviews__widget > :first-child {
max-width: 100%;
}
.doctoralia-reviews__widget :where(h1, h2, h3, h4) {
color: #065f46;
}
.doctoralia-reviews__fallback {
margin: 0;
text-align: center;
font-size: 1rem;
line-height: 1.6;
color: rgba(15, 23, 42, 0.75);
}
.doctoralia-reviews__widget a {
color: #0f766e;
font-weight: 600;
text-decoration: none;
transition: color 0.2s ease, text-decoration-color 0.2s ease;
}
.doctoralia-reviews__widget a:hover,
.doctoralia-reviews__widget a:focus {
color: #115e59;
text-decoration: underline;
text-decoration-color: rgba(15, 118, 110, 0.6);
}
.doctoralia-reviews__widget [class*='dp_reviews'] {
color: #0f172a;
}
.doctoralia-reviews__widget [class*='dp_reviews'] .rating,
.doctoralia-reviews__widget [class*='dp_reviews'] .stars,
.doctoralia-reviews__widget [class*='dp_reviews'] .fa-star,
.doctoralia-reviews__widget [class*='dp_reviews'] [class*='star'] {
color: #059669;
}
.doctoralia-reviews__widget [class*='dp_reviews'] .pagination,
.doctoralia-reviews__widget [class*='dp_reviews'] .navigation {
margin-top: 2rem;
}
.doctoralia-reviews__widget [class*='dp_reviews'] .button,
.doctoralia-reviews__widget [class*='dp_reviews'] button,
.doctoralia-reviews__widget [class*='dp_reviews'] .write-review {
background: linear-gradient(135deg, #34d399, #10b981);
color: #ffffff;
border-radius: 999px;
padding: 0.75rem 1.75rem;
box-shadow: 0 12px 30px -15px rgba(13, 148, 136, 0.7);
font-weight: 600;
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.doctoralia-reviews__widget [class*='dp_reviews'] .button:hover,
.doctoralia-reviews__widget [class*='dp_reviews'] button:hover,
.doctoralia-reviews__widget [class*='dp_reviews'] .write-review:hover {
transform: translateY(-1px);
box-shadow: 0 18px 35px -12px rgba(13, 148, 136, 0.6);
}
.doctoralia-reviews__widget [class*='dp_reviews'] .button:focus,
.doctoralia-reviews__widget [class*='dp_reviews'] button:focus,
.doctoralia-reviews__widget [class*='dp_reviews'] .write-review:focus {
outline: 3px solid rgba(16, 185, 129, 0.35);
outline-offset: 4px;
}
.doctoralia-reviews__ornament {
position: absolute;
width: clamp(220px, 26vw, 320px);
height: clamp(220px, 26vw, 320px);
background: radial-gradient(circle, rgba(16, 185, 129, 0.45), rgba(16, 185, 129, 0));
filter: blur(0);
z-index: 0;
pointer-events: none;
}
.doctoralia-reviews__ornament--one {
top: -8rem;
right: -4rem;
opacity: 0.45;
}
.doctoralia-reviews__ornament--two {
bottom: -7rem;
left: -5rem;
opacity: 0.35;
}
@media (min-width: 1024px) {
.doctoralia-reviews__container {
gap: 3rem;
}
.doctoralia-reviews__widget {
padding: 3rem 3.5rem;
}
}
/* Terapia online landing page */
.terapia-online {
background-color: #f8fafc;
color: #0f172a;
}
.terapia-online .terapia-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
padding: 0.85rem 1.9rem;
border-radius: 999px;
font-weight: 600;
line-height: 1.1;
text-decoration: none;
border: 1px solid transparent;
transition: transform 0.2s ease, box-shadow 0.25s ease, background-color 0.2s ease,
color 0.2s ease, border-color 0.2s ease;
}
.terapia-online .terapia-button:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
.terapia-online .terapia-button--primary {
background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%);
color: #ffffff;
box-shadow: 0 20px 35px -18px rgba(13, 148, 136, 0.45);
}
.terapia-online .terapia-button--primary:hover,
.terapia-online .terapia-button--primary:focus-visible {
transform: translateY(-1px);
box-shadow: 0 24px 40px -18px rgba(15, 118, 110, 0.45);
}
.terapia-online .terapia-button--ghost {
background: transparent;
color: #0f766e;
border-color: rgba(13, 148, 136, 0.35);
}
.terapia-online .terapia-button--ghost:hover,
.terapia-online .terapia-button--ghost:focus-visible {
background: rgba(16, 185, 129, 0.12);
border-color: rgba(13, 148, 136, 0.6);
}
.terapia-online .terapia-button--inverted {
background-color: #ffffff;
color: #0f766e;
box-shadow: 0 22px 44px -22px rgba(15, 118, 110, 0.55);
}
.terapia-online .terapia-button--inverted:hover,
.terapia-online .terapia-button--inverted:focus-visible {
transform: translateY(-1px);
background-color: #f0fdf4;
}
.terapia-online .terapia-button--outline {
background: transparent;
color: #ffffff;
border-color: rgba(255, 255, 255, 0.7);
}
.terapia-online .terapia-button--outline:hover,
.terapia-online .terapia-button--outline:focus-visible {
background-color: rgba(255, 255, 255, 0.12);
border-color: #ffffff;
}
.terapia-hero {
position: relative;
overflow: hidden;
padding: clamp(3rem, 7vw, 6rem) 1.5rem;
background: linear-gradient(135deg, #f0fdf4 0%, #ecfeff 45%, #ffffff 100%);
}
.terapia-hero__container {
max-width: 1180px;
margin: 0 auto;
display: grid;
gap: clamp(2rem, 5vw, 4rem);
align-items: center;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
.terapia-hero__content {
display: grid;
gap: clamp(1.1rem, 2.5vw, 1.75rem);
}
.terapia-hero__eyebrow {
display: inline-flex;
align-items: center;
justify-content: flex-start;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #047857;
background: rgba(16, 185, 129, 0.14);
padding: 0.55rem 1.35rem;
border-radius: 999px;
}
.terapia-hero__title {
margin: 0;
font-size: clamp(2.4rem, 5vw, 3.6rem);
line-height: 1.15;
letter-spacing: -0.01em;
color: #0f172a;
}
.terapia-hero__description {
margin: 0;
font-size: 1.15rem;
line-height: 1.75;
color: #334155;
max-width: 36rem;
}
.terapia-hero__actions {
display: flex;
flex-wrap: wrap;
gap: 0.85rem;
}
.terapia-hero__features {
margin: 0;
padding: 0;
list-style: none;
display: grid;
gap: 0.75rem;
font-size: 1rem;
color: #1e293b;
}
.terapia-hero__features li {
display: flex;
align-items: flex-start;
gap: 0.75rem;
line-height: 1.65;
}
.terapia-hero__feature-icon {
width: 0.75rem;
height: 0.75rem;
margin-top: 0.45rem;
border-radius: 999px;
background: linear-gradient(135deg, #10b981, #38bdf8);
box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.18);
flex-shrink: 0;
}
.terapia-hero__visual {
position: relative;
min-height: 340px;
border-radius: 32px;
overflow: hidden;
background: linear-gradient(145deg, rgba(16, 185, 129, 0.35), rgba(56, 189, 248, 0.25));
box-shadow: 0 36px 58px -28px rgba(13, 148, 136, 0.35);
}
.terapia-hero__visual--photo {
background: none;
box-shadow: 0 36px 58px -28px rgba(76, 29, 149, 0.28);
}
.terapia-hero__visual--photo::after {
display: none;
}
.terapia-hero__photo {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.terapia-hero__visual::after {
content: "";
position: absolute;
width: 180px;
height: 180px;
border-radius: 50%;
background: radial-gradient(circle at 50% 50%, rgba(16, 185, 129, 0.45), transparent 65%);
left: -50px;
bottom: -50px;
opacity: 0.75;
}
.terapia-hero__visual-glow {
position: absolute;
inset: 12%;
border-radius: 24px;
background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0));
box-shadow: inset 0 1px 40px rgba(255, 255, 255, 0.45);
opacity: 0.9;
}
.terapia-hero__visual-orb {
position: absolute;
width: 210px;
height: 210px;
border-radius: 50%;
right: -45px;
top: -45px;
background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.88), rgba(56, 189, 248, 0.4));
box-shadow: 0 35px 55px -24px rgba(56, 189, 248, 0.45);
}
.terapia-hero--autoestima {
background: radial-gradient(circle at 18% 20%, rgba(56, 189, 248, 0.18), transparent 55%),
linear-gradient(135deg, #f3f4ff 0%, #ecfdf5 100%);
}
.terapia-hero--autoestima .terapia-hero__description {
color: #1f2937;
}
.terapia-hero--autoestima .terapia-hero__visual {
background: linear-gradient(145deg, rgba(76, 29, 149, 0.2), rgba(16, 185, 129, 0.32));
box-shadow: 0 36px 58px -28px rgba(76, 29, 149, 0.28);
}
.terapia-hero--autoestima .terapia-hero__visual-orb {
background: radial-gradient(circle at 40% 40%, rgba(255, 255, 255, 0.9), rgba(76, 29, 149, 0.35));
box-shadow: 0 35px 55px -24px rgba(76, 29, 149, 0.35);
}
.terapia-section {
padding: clamp(3rem, 7vw, 5.5rem) 1.5rem;
}
.terapia-section__container {
max-width: 1120px;
margin: 0 auto;
}
.terapia-section__header {
max-width: 720px;
margin: 0 auto;
text-align: center;
display: grid;
gap: 1rem;
}
.terapia-section__eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #047857;
background: rgba(16, 185, 129, 0.14);
padding: 0.5rem 1.35rem;
border-radius: 999px;
}
.terapia-section__eyebrow--accent {
color: #065f46;
background: rgba(5, 150, 105, 0.18);
}
.terapia-section__title {
margin: 0;
font-size: clamp(2rem, 4.5vw, 3rem);
line-height: 1.2;
color: #0f172a;
}
.terapia-section__description {
margin: 0 auto;
font-size: 1.1rem;
line-height: 1.75;
color: #334155;
}
.terapia-indicadores {
background: linear-gradient(135deg, rgba(236, 253, 245, 0.65) 0%, rgba(224, 231, 255, 0.65) 100%);
}
.terapia-indicadores__grid {
list-style: none;
margin: clamp(2rem, 5vw, 3rem) auto 0;
padding: 0;
display: grid;
gap: clamp(1rem, 2.5vw, 1.5rem);
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
grid-auto-rows: 1fr;
}
.terapia-indicadores__grid li {
background-color: #ffffff;
border-radius: 22px;
border: 1px solid rgba(148, 163, 184, 0.18);
padding: 1.35rem 1.5rem 1.35rem 1.75rem;
color: #1f2937;
line-height: 1.6;
box-shadow: 0 28px 52px -36px rgba(15, 23, 42, 0.28);
position: relative;
display: flex;
flex-direction: column;
gap: 0.65rem;
}
.terapia-indicadores__grid li::before {
content: "";
position: absolute;
left: 1.1rem;
top: 1.35rem;
width: 0.55rem;
height: 0.55rem;
border-radius: 999px;
background: linear-gradient(135deg, #10b981, #38bdf8);
box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.18);
}
.terapia-benefits__grid {
margin-top: clamp(2.5rem, 5vw, 3.5rem);
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-auto-rows: 1fr;
}
.terapia-card {
background-color: #ffffff;
border-radius: 24px;
padding: 2rem;
box-shadow: 0 24px 48px -32px rgba(15, 23, 42, 0.15);
border: 1px solid rgba(148, 163, 184, 0.16);
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.terapia-card__title {
margin: 0;
font-size: 1.3rem;
color: #0f172a;
}
.terapia-card__text {
margin: 0;
color: #475569;
line-height: 1.7;
}
.terapia-steps {
background: linear-gradient(135deg, #ecfdf5 0%, #f0f9ff 100%);
position: relative;
}
.terapia-steps::before {
content: "";
position: absolute;
inset: 12% auto auto 55%;
width: 240px;
height: 240px;
background: radial-gradient(circle, rgba(16, 185, 129, 0.2), transparent 70%);
opacity: 0.6;
pointer-events: none;
}
.terapia-steps__grid {
position: relative;
z-index: 1;
display: grid;
gap: clamp(2rem, 5vw, 3rem);
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
align-items: start;
}
.terapia-steps__content {
display: grid;
gap: 1.5rem;
}
.terapia-steps__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 1.2rem;
}
.terapia-steps__list li {
background: #ffffff;
border-radius: 22px;
padding: 1.5rem 1.75rem;
border: 1px solid rgba(13, 148, 136, 0.1);
box-shadow: 0 24px 48px -32px rgba(15, 118, 110, 0.28);
display: grid;
gap: 0.65rem;
}
.terapia-steps__list h3 {
margin: 0;
font-size: 1.2rem;
color: #0f172a;
}
.terapia-steps__list p {
margin: 0;
color: #475569;
line-height: 1.65;
}
.terapia-steps__resources {
display: flex;
}
.terapia-highlight {
background: #ffffff;
border-radius: 30px;
padding: clamp(2rem, 4vw, 2.75rem);
box-shadow: 0 30px 60px -32px rgba(15, 118, 110, 0.28);
border: 1px solid rgba(13, 148, 136, 0.12);
display: grid;
gap: 1.25rem;
}
.terapia-highlight__title {
margin: 0;
font-size: 1.45rem;
color: #0f172a;
}
.terapia-highlight__list {
margin: 0;
padding-left: 1.2rem;
display: grid;
gap: 0.75rem;
color: #475569;
line-height: 1.65;
}
.terapia-highlight--plain {
box-shadow: 0 24px 48px -30px rgba(15, 23, 42, 0.18);
border: 1px solid rgba(148, 163, 184, 0.18);
}
.terapia-highlight--plain p {
margin: 0;
color: #475569;
line-height: 1.7;
}
.terapia-highlight--plain p + p {
margin-top: 0.9rem;
}
.terapia-profissional {
background: linear-gradient(135deg, #ffffff 0%, rgba(224, 231, 255, 0.45) 100%);
}
.terapia-profissional__grid {
display: grid;
gap: clamp(2rem, 5vw, 3rem);
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
align-items: start;
}
.terapia-profissional__content {
display: grid;
gap: 1rem;
color: #1f2937;
}
.terapia-profissional__content p {
margin: 0;
line-height: 1.7;
}
.terapia-profissional__note {
margin: 0;
background: rgba(129, 140, 248, 0.12);
color: #4338ca;
padding: 0.85rem 1.2rem;
border-radius: 16px;
font-weight: 600;
}
.terapia-indicacoes__grid {
display: grid;
gap: clamp(2rem, 5vw, 3rem);
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
align-items: stretch;
}
.terapia-indicacoes__content {
display: grid;
gap: 1.5rem;
}
.terapia-indicacoes__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.85rem;
color: #1e293b;
}
.terapia-indicacoes__list li {
position: relative;
padding-left: 1.75rem;
line-height: 1.6;
}
.terapia-indicacoes__list li::before {
content: "";
position: absolute;
left: 0;
top: 0.55rem;
width: 0.55rem;
height: 0.55rem;
border-radius: 50%;
background: #10b981;
box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2);
}
.terapia-testimonials__grid {
margin-top: clamp(2.5rem, 5vw, 3.5rem);
display: grid;
gap: 1.5rem;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
grid-auto-rows: 1fr;
}
.terapia-testimonial {
background: #ecfdf5;
border-radius: 28px;
border: 1px solid rgba(16, 185, 129, 0.24);
padding: 2rem;
box-shadow: 0 30px 50px -32px rgba(13, 148, 136, 0.3);
display: flex;
flex-direction: column;
gap: 1.2rem;
}
.terapia-testimonial p {
margin: 0;
font-size: 1.05rem;
line-height: 1.7;
font-style: italic;
color: #065f46;
}
.terapia-testimonial footer {
font-weight: 600;
font-size: 0.95rem;
color: #047857;
margin-top: auto;
}
.terapia-conteudos {
background: linear-gradient(135deg, rgba(236, 253, 245, 0.45) 0%, rgba(248, 250, 252, 0.9) 100%);
}
.terapia-conteudos__grid {
margin-top: clamp(2.25rem, 4.5vw, 3.25rem);
display: grid;
gap: clamp(1.25rem, 3vw, 2rem);
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.terapia-conteudo {
background: #ffffff;
border-radius: 22px;
padding: 1.5rem 1.75rem;
border: 1px solid rgba(148, 163, 184, 0.2);
box-shadow: 0 26px 48px -36px rgba(15, 23, 42, 0.24);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.terapia-conteudo:hover,
.terapia-conteudo:focus-within {
transform: translateY(-2px);
box-shadow: 0 30px 56px -34px rgba(15, 23, 42, 0.32);
}
.terapia-conteudo h3 {
margin: 0;
font-size: 1.1rem;
color: #0f172a;
line-height: 1.5;
}
.terapia-faq__items {
margin-top: clamp(2.5rem, 5vw, 3.5rem);
display: grid;
gap: 1rem;
}
.terapia-faq__item {
background: #ffffff;
border-radius: 24px;
border: 1px solid rgba(148, 163, 184, 0.2);
padding: 1.5rem 1.75rem;
box-shadow: 0 26px 48px -34px rgba(15, 23, 42, 0.22);
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.terapia-faq__item[open] {
border-color: rgba(13, 148, 136, 0.45);
box-shadow: 0 30px 50px -32px rgba(15, 118, 110, 0.32);
}
.terapia-faq__item summary {
list-style: none;
cursor: pointer;
font-weight: 600;
font-size: 1.1rem;
color: #0f172a;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1.25rem;
}
.terapia-faq__item summary::after {
content: "+";
font-size: 1.6rem;
color: #10b981;
transition: transform 0.2s ease;
}
.terapia-faq__item[open] summary::after {
transform: rotate(45deg);
}
.terapia-faq__item summary::-webkit-details-marker {
display: none;
}
.terapia-faq__item p {
margin: 1rem 0 0;
color: #475569;
line-height: 1.7;
}
.terapia-cta {
padding-block: clamp(3.5rem, 7vw, 5rem);
background: radial-gradient(circle at 15% 20%, rgba(45, 212, 191, 0.25), transparent 55%),
linear-gradient(135deg, #047857 0%, #059669 45%, #0f766e 100%);
color: #ffffff;
}
.terapia-cta__container {
max-width: 720px;
margin: 0 auto;
text-align: center;
display: grid;
gap: 1.5rem;
background: rgba(255, 255, 255, 0.08);
padding: clamp(2.5rem, 5vw, 3.5rem);
border-radius: 32px;
border: 1px solid rgba(255, 255, 255, 0.16);
box-shadow: 0 42px 70px -35px rgba(6, 95, 70, 0.55);
}
.terapia-cta__title {
margin: 0;
font-size: clamp(2rem, 4.2vw, 2.6rem);
line-height: 1.25;
color: inherit;
}
.terapia-cta__description {
margin: 0 auto;
max-width: 42rem;
font-size: 1.1rem;
line-height: 1.7;
color: rgba(240, 253, 244, 0.9);
}
.terapia-cta__actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.terapia-cta__footnote {
margin: 0;
font-size: 0.95rem;
color: rgba(240, 253, 244, 0.85);
}
.terapia-cta--mid {
background: linear-gradient(135deg, rgba(236, 253, 245, 0.75) 0%, rgba(224, 231, 255, 0.75) 100%);
color: #0f172a;
}
.terapia-cta--mid .terapia-cta__container {
background: #ffffff;
border: 1px solid rgba(148, 163, 184, 0.24);
box-shadow: 0 36px 58px -32px rgba(148, 163, 184, 0.32);
}
.terapia-cta--mid .terapia-cta__description {
color: #475569;
}
.terapia-cta--mid .terapia-cta__footnote {
color: #1f2937;
}
.terapia-cta--mid .terapia-button--inverted {
background: linear-gradient(135deg, #0f766e 0%, #10b981 100%);
color: #ffffff;
border: none;
}
.terapia-cta--mid .terapia-button--outline {
border-color: rgba(14, 116, 144, 0.35);
color: #0f766e;
}
.terapia-cta--mid .terapia-button--outline:hover,
.terapia-cta--mid .terapia-button--outline:focus-visible {
background-color: rgba(16, 185, 129, 0.08);
}
@media (max-width: 768px) {
.terapia-hero__visual {
width: min(320px, 100%);
min-height: auto;
margin-inline: auto;
}
.terapia-hero__photo {
height: auto;
}
.terapia-steps::before {
inset: auto auto -6% 40%;
}
}
@media (max-width: 640px) {
.terapia-online .terapia-button {
width: 100%;
}
.terapia-hero__features {
font-size: 0.95rem;
}
.terapia-highlight,
.terapia-highlight--plain {
padding: 2rem;
}
.terapia-indicadores__grid {
grid-template-columns: 1fr;
}
}
.seo-overview {
display: grid;
gap: clamp(2rem, 4vw, 3rem);
align-items: start;
}
@media (min-width: 1024px) {
.seo-overview {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.seo-overview__intro {
display: grid;
gap: 1rem;
}
.seo-overview__eyebrow {
font-size: 0.85rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #047857;
}
.seo-overview__title {
font-size: clamp(1.85rem, 2.8vw, 2.6rem);
line-height: 1.2;
font-weight: 700;
color: #0f172a;
}
.seo-overview__lead {
font-size: 1.1rem;
line-height: 1.65;
color: #1f2937;
}
.seo-overview__lead strong,
.seo-overview__content strong {
color: #0f766e;
font-weight: 600;
}
.seo-overview__cta {
margin-top: 0.5rem;
}
.seo-overview__button {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.85rem 1.75rem;
border-radius: 9999px;
font-weight: 600;
background: linear-gradient(135deg, #0f766e 0%, #14b8a6 100%);
color: #ffffff;
text-decoration: none;
box-shadow: 0 18px 30px -20px rgba(13, 148, 136, 0.45);
transition: transform 0.2s ease, box-shadow 0.25s ease;
}
.seo-overview__button:hover,
.seo-overview__button:focus-visible {
transform: translateY(-1px);
box-shadow: 0 22px 36px -18px rgba(13, 148, 136, 0.5);
}
.seo-overview__button:focus-visible {
outline: 2px solid #14b8a6;
outline-offset: 3px;
}
.seo-overview__content {
display: grid;
gap: 1.5rem;
font-size: 1.05rem;
line-height: 1.7;
color: #374151;
}
.seo-overview__list {
display: grid;
gap: 1rem;
list-style: none;
padding: 0;
margin: 0;
}
.seo-overview__list li {
padding: 1rem 1.25rem;
border-radius: 1rem;
background: rgba(16, 185, 129, 0.08);
border: 1px solid rgba(16, 185, 129, 0.12);
}
.seo-overview__list-title {
display: block;
font-weight: 600;
color: #047857;
margin-bottom: 0.35rem;
}
.seo-overview__list-text {
display: block;
color: #1f2937;
line-height: 1.55;
}
.seo-faq {
display: grid;
gap: 1.75rem;
}
.seo-faq__title {
font-size: clamp(1.75rem, 2.4vw, 2.4rem);
font-weight: 700;
color: #14532d;
text-align: center;
}
.seo-faq__description {
max-width: 720px;
margin: 0 auto;
text-align: center;
font-size: 1.05rem;
color: #374151;
line-height: 1.7;
}
.seo-faq__list {
display: grid;
gap: 1rem;
}
.seo-faq__item {
background: #ffffff;
border-radius: 1rem;
padding: 1.25rem 1.5rem;
border: 1px solid rgba(16, 185, 129, 0.12);
box-shadow: 0 10px 25px -22px rgba(15, 118, 110, 0.45);
}
.seo-faq__question {
font-weight: 600;
color: #0f172a;
margin-bottom: 0.5rem;
}
.seo-faq__answer {
color: #374151;
line-height: 1.65;
margin: 0;
}
@media (min-width: 768px) {
.seo-faq__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}