@charset "UTF-8"; .steps-section{position:relative;padding:8rem 0 7rem;background:transparent;overflow:hidden;}.steps-section .container{max-width:1750px;margin:0 auto;padding:0 1.5rem;} .section-header{text-align:center;max-width:950px;margin:0 auto 5.5rem;}.section-header h2{margin:0 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;font-weight:400;color:#ffffff;}.section-header h2 span{color:#d9b86c;font-style:italic;font-weight:400;}.section-header p{max-width:760px;margin:0 auto;color:rgba(230,220,255,0.62);font-size:18px;line-height:1.7;} .steps-grid{position:relative;display:grid;align-items:start;gap:2.6rem;margin:0 auto;} .steps-grid--3{grid-template-columns:repeat(3,minmax(250px,1fr));max-width:1250px;} .steps-grid--4{grid-template-columns:repeat(4,minmax(250px,1fr));max-width:1650px;} .steps-grid:not(.steps-grid--3):not(.steps-grid--4){grid-template-columns:repeat(3,minmax(250px,1fr));max-width:1250px;} .steps-grid::before{content:"";position:absolute;top:62px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,rgba(186,120,255,0),rgba(186,120,255,0.8),rgba(217,184,108,0.65),rgba(186,120,255,0.8),rgba(186,120,255,0));box-shadow:0 0 12px rgba(186,120,255,0.45),0 0 26px rgba(186,120,255,0.25);z-index:1;}.steps-grid--3::before{left:17%;right:17%;}.steps-grid--4::before{left:8%;right:8%;} .step-card{position:relative;z-index:2;max-width:300px;margin:0 auto;text-align:center;} .step-icon{position:relative;width:124px;height:124px;margin:0 auto 1.6rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 50% 38%,rgba(72,38,135,0.75) 0%,rgba(28,12,75,0.98) 45%,rgba(10,5,35,0.98) 78%);border:2px solid rgba(186,120,255,0.55);box-shadow:0 0 16px rgba(186,120,255,0.35),0 0 38px rgba(186,120,255,0.22),inset 0 0 22px rgba(255,255,255,0.04);animation:magicGlow 4s ease-in-out infinite;}.step-icon::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:radial-gradient(circle,rgba(186,120,255,0.2),transparent 70%);filter:blur(10px);z-index:-1;}.step-icon::after{content:"✦";position:absolute;top:8px;right:16px;color:#d9b86c;font-size:0.95rem;text-shadow:0 0 10px #d9b86c,0 0 20px rgba(217,184,108,0.8);} .step-number{font-family:Georgia,"Times New Roman",serif;font-size:2.65rem;font-weight:700;line-height:1;color:#d9b86c;text-shadow:0 0 8px rgba(217,184,108,0.5),0 0 18px rgba(217,184,108,0.25);} .step-card h3{max-width:270px;margin:0 auto 0.75rem;color:#ffffff;font-family:Georgia,"Times New Roman",serif;font-size:1.3rem;font-weight:700;line-height:1.18;} .step-card p{max-width:260px;margin:0 auto;color:rgba(230,220,255,0.58);font-size:0.9rem;line-height:1.6;} @keyframes magicGlow{0%{box-shadow:0 0 15px rgba(186,120,255,0.25),0 0 30px rgba(186,120,255,0.15),inset 0 0 22px rgba(255,255,255,0.04);}50%{box-shadow:0 0 28px rgba(186,120,255,0.45),0 0 58px rgba(186,120,255,0.25),inset 0 0 24px rgba(255,255,255,0.06);}100%{box-shadow:0 0 15px rgba(186,120,255,0.25),0 0 30px rgba(186,120,255,0.15),inset 0 0 22px rgba(255,255,255,0.04);}} .steps-section--santa .section-header p{color:rgba(255,238,215,0.62);}.steps-section--santa .steps-grid::before{background:linear-gradient(90deg,rgba(217,184,108,0),rgba(217,184,108,0.78),rgba(255,207,84,0.9),rgba(217,184,108,0.78),rgba(217,184,108,0));box-shadow:0 0 12px rgba(217,184,108,0.45),0 0 26px rgba(255,207,84,0.22);}.steps-section--santa .step-icon{background:radial-gradient(circle at 50% 35%,rgba(145,42,35,0.95) 0%,rgba(92,18,22,0.98) 45%,rgba(42,8,12,0.98) 78%);border-color:rgba(217,184,108,0.62);box-shadow:0 0 16px rgba(217,184,108,0.32),0 0 38px rgba(145,42,35,0.36),inset 0 0 24px rgba(255,255,255,0.05);animation:santaStepGlow 4s ease-in-out infinite;}.steps-section--santa .step-icon::before{background:radial-gradient(circle,rgba(217,184,108,0.24),rgba(145,42,35,0.18),transparent 70%);}.steps-section--santa .step-icon::after{color:#f3d36b;text-shadow:0 0 10px rgba(243,211,107,0.9),0 0 22px rgba(217,184,108,0.75);}.steps-section--santa .step-number{color:#f3d36b;text-shadow:0 0 8px rgba(243,211,107,0.55),0 0 18px rgba(217,184,108,0.3);}.steps-section--santa .step-card h3{color:#fff8ed;}.steps-section--santa .step-card p{color:rgba(255,238,215,0.6);} @keyframes santaStepGlow{0%{box-shadow:0 0 14px rgba(217,184,108,0.24),0 0 28px rgba(145,42,35,0.22),inset 0 0 22px rgba(255,255,255,0.04);}50%{box-shadow:0 0 28px rgba(217,184,108,0.44),0 0 56px rgba(145,42,35,0.38),inset 0 0 26px rgba(255,255,255,0.06);}100%{box-shadow:0 0 14px rgba(217,184,108,0.24),0 0 28px rgba(145,42,35,0.22),inset 0 0 22px rgba(255,255,255,0.04);}} .steps-section--tooth-fairy .section-header p{color:rgba(230,220,255,0.62);}.steps-section--tooth-fairy .steps-grid::before{background:linear-gradient(90deg,rgba(186,120,255,0),rgba(186,120,255,0.8),rgba(217,184,108,0.65),rgba(186,120,255,0.8),rgba(186,120,255,0));box-shadow:0 0 12px rgba(186,120,255,0.45),0 0 26px rgba(186,120,255,0.25);}.steps-section--tooth-fairy .step-icon{background:radial-gradient(circle at 50% 38%,rgba(72,38,135,0.75) 0%,rgba(28,12,75,0.98) 45%,rgba(10,5,35,0.98) 78%);border-color:rgba(186,120,255,0.55);box-shadow:0 0 16px rgba(186,120,255,0.35),0 0 38px rgba(186,120,255,0.22),inset 0 0 22px rgba(255,255,255,0.04);animation:magicGlow 4s ease-in-out infinite;}.steps-section--tooth-fairy .step-icon::before{background:radial-gradient(circle,rgba(186,120,255,0.2),transparent 70%);}.steps-section--tooth-fairy .step-card p{color:rgba(230,220,255,0.58);} @media (max-width:1024px){.steps-section{padding:6.5rem 0 6rem;}.steps-section .container{padding:0 1.8rem;}.section-header{margin-bottom:4.5rem;}.section-header h2{font-size:clamp(2rem,5vw,3rem);}.section-header p{font-size:17px;line-height:1.65;}.steps-grid--3,.steps-grid:not(.steps-grid--3):not(.steps-grid--4){grid-template-columns:repeat(3,minmax(180px,1fr));max-width:980px;gap:1.7rem;}.steps-grid--4{grid-template-columns:repeat(4,minmax(155px,1fr));max-width:1150px;gap:1.5rem;}.steps-grid::before{top:56px;}.step-icon{width:112px;height:112px;margin-bottom:1.4rem;}.step-number{font-size:2.35rem;}.step-card h3{font-size:1.15rem;}.step-card p{font-size:0.85rem;line-height:1.55;}} @media (max-width:767px){.steps-section{padding:5rem 0;}.steps-section .container{padding:0 1.2rem;}.section-header{margin-bottom:3.5rem;}.section-header h2{font-size:clamp(1.9rem,9vw,2.6rem);}.section-header p{font-size:16px;line-height:1.6;}.steps-grid,.steps-grid--3,.steps-grid--4{grid-template-columns:1fr;max-width:420px;gap:3rem;}.steps-grid::before{display:none;}.step-card{max-width:300px;}.step-icon{width:104px;height:104px;margin-bottom:1.35rem;}.step-number{font-size:2.15rem;}.step-card h3{font-size:1.18rem;line-height:1.2;}.step-card p{max-width:250px;font-size:0.84rem;line-height:1.55;}}