@layer base{[data-theme=webcare]{--color-primary: oklch(58.5% .21 355.5);--color-secondary: oklch(26.5% .12 265);--color-accent: oklch(64% .19 255);--color-neutral: oklch(95.25% .014 295.82);--color-base-100: oklch(100% 0 0);--color-base-200: oklch(98.52% .002 286.38);--color-base-300: oklch(92.69% .003 286.32);--color-info: oklch(63.84% .193 244.29);--color-success: oklch(64.75% .185 155.13);--color-warning: oklch(75.01% .177 75.72);--color-error: oklch(60.23% .245 27.33)}:root{--gradient-hero: linear-gradient(135deg, #252F8B 0%, #418AFF 50%, #D61A69 100%);--gradient-modal: linear-gradient(180deg, #faf5ff 0%, #f0ebf8 100%);--gradient-progress: linear-gradient(90deg, #D61A69 0%, #F78406 100%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .3);--glow-pink: 0 0 20px rgba(214, 26, 105, .4);--glow-pink-lg: 0 0 40px rgba(214, 26, 105, .6);--glow-blue: 0 0 20px rgba(65, 138, 255, .4)}}@layer utilities{.bg-gradient-hero{background:var(--gradient-hero)}.bg-gradient-modal{background:var(--gradient-modal)}.bg-gradient-progress{background:var(--gradient-progress)}.shadow-glow-pink{box-shadow:var(--glow-pink)}.shadow-glow-pink-lg{box-shadow:var(--glow-pink-lg)}.shadow-glow-blue{box-shadow:var(--glow-blue)}.shadow-3d{box-shadow:var(--shadow-xl)}.shadow-3d-lg{box-shadow:var(--shadow-2xl)}}@layer components{.hero-background-3d{position:relative;overflow:hidden}.floating-card{position:absolute;border-radius:24px;filter:blur(1px);opacity:.6;z-index:0}.floating-card-1{width:300px;height:200px;top:10%;left:5%;background:linear-gradient(135deg,#252f8b,#d61a69);box-shadow:0 20px 60px #d61a694d;animation:float-1 8s ease-in-out infinite}.floating-card-2{width:250px;height:250px;top:20%;right:10%;background:linear-gradient(225deg,#418aff,#d61a69);box-shadow:0 20px 60px #418aff4d;animation:float-2 10s ease-in-out infinite;animation-delay:-2s}.floating-card-3{width:200px;height:300px;bottom:15%;left:15%;background:linear-gradient(45deg,#252f8b,#42bcd3);box-shadow:0 20px 60px #252f8b4d;animation:float-3 12s ease-in-out infinite;animation-delay:-4s}.floating-card-4{width:180px;height:180px;top:60%;right:20%;background:linear-gradient(315deg,#d61a69,#f78406);box-shadow:0 20px 60px #d61a6966;animation:float-4 9s ease-in-out infinite;animation-delay:-1s}.floating-card-5{width:220px;height:160px;top:40%;left:50%;background:linear-gradient(180deg,#252f8b,#2ec899);box-shadow:0 20px 60px #252f8b4d;animation:float-5 11s ease-in-out infinite;animation-delay:-3s}.floating-card-6{width:280px;height:220px;bottom:25%;right:5%;background:linear-gradient(90deg,#418aff,#252f8b);box-shadow:0 20px 60px #418aff59;animation:float-6 13s ease-in-out infinite;animation-delay:-5s}.floating-card-7{width:190px;height:240px;top:30%;left:35%;background:linear-gradient(270deg,#f27cb1,#418aff);box-shadow:0 20px 60px #f27cb159;animation:float-7 10s ease-in-out infinite;animation-delay:-6s}@keyframes float-1{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-30px) translate(20px) rotate(3deg)}}@keyframes float-2{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-25px) translate(-15px) rotate(-2deg)}}@keyframes float-3{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(20px) translate(25px) rotate(2deg)}}@keyframes float-4{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(-20px) rotate(-3deg)}}@keyframes float-5{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(15px) translate(-10px) rotate(1deg)}}@keyframes float-6{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-18px) translate(15px) rotate(-1deg)}}@keyframes float-7{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(22px) translate(-18px) rotate(2deg)}}@media(max-width:768px){.floating-card{filter:blur(2px);opacity:.4}.floating-card-4,.floating-card-6,.floating-card-7{display:none}.floating-card-1,.floating-card-2,.floating-card-3,.floating-card-5{width:150px;height:150px}}.hero-content{position:relative;z-index:20}}@layer components{.font-serif-display{font-family:Playfair Display,Georgia,serif;font-style:italic}.font-sans-body{font-family:Inter,system-ui,sans-serif}.text-dot-ai{color:#d32e81;font-family:Playfair Display,Georgia,serif;font-style:italic}}@layer components{.btn-pill-primary{background:#d61a69;border:none;color:#fff;border-radius:9999px;padding-left:2rem;padding-right:2rem;font-weight:600;font-family:Inter,system-ui,sans-serif;box-shadow:0 4px 14px #d61a6966;transition:all .2s ease}.btn-pill-primary:hover{background:#c01559;box-shadow:0 6px 20px #d61a6999;transform:translateY(-2px)}.btn-pill-primary:active{transform:translateY(0)}.btn-pill-secondary{background:transparent;border:2px solid oklch(58.5% .21 355.5);color:#d32e81;border-radius:9999px;padding-left:2rem;padding-right:2rem;font-weight:600;font-family:Inter,system-ui,sans-serif;transition:all .2s ease}.btn-pill-secondary:hover{background:#d32e81;color:#fff;transform:translateY(-2px)}.progress-ring{transition:stroke-dashoffset 2s ease-out}.modal-webcare{background:#252f8bcc;z-index:1000}.modal-webcare .modal-box{box-shadow:0 25px 50px #0000004d}.modal-box-large{max-width:none!important;width:90vw!important;height:90vh!important}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.dot-ai-loading{animation:dot-pulse 1.5s ease-in-out infinite}}