*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;font-family:Comfortaa,Montserrat,sans-serif;color:#2d2d3f;background:#fff5ee;-webkit-font-smoothing:antialiased}#canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}#scroll-container{position:relative;z-index:1;pointer-events:none}.scroll-spacer{height:1000vh}#welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#f8e8e0f2,#e8d5f0f2);transition:opacity .8s ease,visibility .8s ease}#welcome-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.welcome-content{text-align:center}.welcome-title{font-family:Comfortaa,cursive;font-size:clamp(3rem,10vw,6rem);font-weight:700;color:#d4849a;text-shadow:0 2px 20px rgba(212,132,154,.3);letter-spacing:.1em;margin-bottom:.2em;display:inline-flex;overflow:visible}.wl{display:inline-block;opacity:0;filter:blur(16px);transform:translate(var(--tx, 0),var(--ty, 0)) rotate(var(--rot, 0deg)) scale(.1);will-change:transform,opacity,filter}.wl[style*="--i:0"]{--tx: -280px;--ty: -200px;--rot: -140deg}.wl[style*="--i:1"]{--tx: 200px;--ty: 300px;--rot: 120deg}.wl[style*="--i:2"]{--tx: 350px;--ty: -150px;--rot: 200deg}.wl[style*="--i:3"]{--tx: -300px;--ty: 250px;--rot: -180deg}.wl[style*="--i:4"]{--tx: 0px;--ty: -350px;--rot: 160deg}.animate .wl{animation:letterFlyIn .9s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--i) * .12s)}@keyframes letterFlyIn{0%{opacity:0;filter:blur(16px);transform:translate(var(--tx),var(--ty)) rotate(var(--rot)) scale(.1)}50%{opacity:.8;filter:blur(4px)}75%{filter:blur(0px)}to{opacity:1;filter:blur(0px);transform:translate(0) rotate(0) scale(1)}}.animate .welcome-title{animation:titleGlow 2s ease-in-out .8s}@keyframes titleGlow{0%{text-shadow:0 2px 20px rgba(212,132,154,.3)}50%{text-shadow:0 0 40px rgba(212,132,154,.6),0 0 80px rgba(212,132,154,.3),0 2px 20px rgba(212,132,154,.3)}to{text-shadow:0 2px 20px rgba(212,132,154,.3)}}.welcome-subtitle{font-family:Montserrat,sans-serif;font-size:clamp(1rem,3vw,1.5rem);font-weight:400;color:#8a7090;letter-spacing:.3em;text-transform:uppercase;margin-bottom:.5em;overflow:visible}.ws{display:inline-block;opacity:0;transform:translateY(25px) scale(.6);filter:blur(6px)}.ws-space{width:.3em}.animate .ws{animation:subtitleLetterIn .5s cubic-bezier(.25,1,.5,1) forwards;animation-delay:calc(.7s + var(--j) * .04s)}@keyframes subtitleLetterIn{0%{opacity:0;transform:translateY(25px) scale(.6);filter:blur(6px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.welcome-city{font-size:clamp(.8rem,2vw,1rem);color:#a090a8;margin-bottom:2em;opacity:0;transform:translateY(20px)}.animate .welcome-city{animation:elemFadeUp .7s cubic-bezier(.25,1,.5,1) forwards;animation-delay:1.4s}#start-btn{display:inline-flex;align-items:center;gap:.5em;padding:1em 2.5em;border:2px solid #d4849a;border-radius:50px;background:#fff9;color:#d4849a;font-family:Comfortaa,cursive;font-size:clamp(.9rem,2vw,1.1rem);font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(20px)}.animate #start-btn{animation:elemFadeUp .7s cubic-bezier(.25,1,.5,1) forwards;animation-delay:1.6s}@keyframes elemFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#start-btn:hover{background:#d4849a;color:#fff;transform:translateY(-2px);box-shadow:0 8px 30px #d4849a66}#start-btn svg{animation:bounce 2s infinite}#site-header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1em 2em;background:#fff5eecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-100%);transition:opacity .4s ease,transform .4s cubic-bezier(.4,0,.2,1)}#site-header.visible{opacity:1;transform:translateY(0)}#site-header.header-hidden{transform:translateY(-100%)}.header-logo{font-family:Comfortaa,cursive;font-size:1.5rem;font-weight:700;color:#d4849a}.header-right{display:flex;align-items:center;gap:1em}.header-phone{color:#2d2d3f;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s}.header-phone:hover{color:#d4849a}.header-btn{background:none;border:none;color:#8a7090;cursor:pointer;padding:.3em;transition:color .2s;display:flex;align-items:center}.header-btn:hover{color:#d4849a}#nav-dots{position:fixed;right:1.5em;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:1em;opacity:0;transition:opacity .5s ease}#nav-dots.visible{opacity:1}.nav-dot{width:12px;height:12px;border-radius:50%;border:2px solid rgba(212,132,154,.5);background:transparent;cursor:pointer;transition:all .3s ease;padding:0}.nav-dot.active{background:#d4849a;border-color:#d4849a;transform:scale(1.3)}.nav-dot:hover{border-color:#d4849a;transform:scale(1.2)}#overlay-cards{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none;display:flex;align-items:center;transition:opacity .5s ease}.service-card{position:absolute;max-width:380px;padding:1.5em 1.2em;background:#ffffffeb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:24px;border:3px solid rgba(212,132,154,.3);box-shadow:0 8px 40px #00000014;opacity:0;pointer-events:none;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.bubble-tail{position:absolute;width:0;height:0}[data-side=left] .bubble-tail{right:-18px;top:40%;border-left:18px solid rgba(255,255,255,.92);border-top:10px solid transparent;border-bottom:10px solid transparent}[data-side=right] .bubble-tail{left:-18px;top:40%;border-right:18px solid rgba(255,255,255,.92);border-top:10px solid transparent;border-bottom:10px solid transparent}[data-side=top] .bubble-tail{bottom:-18px;left:50%;transform:translate(-50%);border-top:18px solid rgba(255,255,255,.92);border-left:10px solid transparent;border-right:10px solid transparent}[data-side=bottom] .bubble-tail{top:-18px;left:50%;transform:translate(-50%);border-bottom:18px solid rgba(255,255,255,.92);border-left:10px solid transparent;border-right:10px solid transparent}.service-card.greeting-card{max-width:240px;padding:1em 1em .8em;transition:opacity .4s ease}.service-card.greeting-card .greeting-text{font-family:Comfortaa,cursive;font-size:1.1rem;line-height:1.5;color:#2d2d3f;margin-bottom:.5em}.service-card.station-card,.service-card.phone-call-card{max-width:340px;transition:opacity .5s ease}.phone-call-text{white-space:pre-line;font-style:italic}.service-card.active{opacity:1;pointer-events:auto;z-index:15}.service-card .card-accent{width:40px;height:4px;border-radius:2px;margin-bottom:1em}.service-card h3{font-family:Comfortaa,cursive;font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;color:#2d2d3f;margin-bottom:.3em}.service-card .card-subtitle{font-size:.75rem;color:#a090a8;font-weight:700;margin-bottom:.5em;text-transform:uppercase;letter-spacing:.1em;line-height:1.3}.service-card p.card-desc{font-family:Montserrat,sans-serif;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.3;color:#555;margin-bottom:.5em}.card-next-btn{display:inline-flex;align-items:center;gap:.3em;padding:.5em 1.5em;border:2px solid #d4849a;border-radius:50px;background:transparent;color:#d4849a;font-family:Comfortaa,cursive;font-size:1.05rem;font-weight:600;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .25s ease;position:relative;overflow:hidden}.card-next-btn:hover{background:#d4849a;color:#fff;transform:translate(4px)}.btn-letter{display:inline-block;will-change:transform,opacity,filter}.card-next-btn:active,.card-next-btn.btn-pressed{background:#d4849a;color:#fff;transform:scale(.92);box-shadow:0 0 0 4px #d4849a4d,0 4px 16px #d4849a66;transition:all .1s ease}.card-next-btn .btn-ripple{position:absolute;top:50%;left:50%;width:200%;height:200%;margin-left:-100%;margin-top:-100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,rgba(212,132,154,.5) 40%,transparent 70%);animation:btnRipple .7s ease-out forwards;pointer-events:none}@keyframes btnRipple{0%{transform:scale(0);opacity:1}50%{opacity:.7}to{transform:scale(1.2);opacity:0}}#contact-section{position:relative;z-index:20;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2em;background:linear-gradient(180deg,#f8e8e0f7,#e8d5f0fa 40%,#f8e8e0);text-align:center}.contact-inner{max-width:500px;margin:0 auto}.contact-title{font-family:Comfortaa,cursive;font-size:clamp(1.5rem,4vw,2.2rem);color:#d4849a;margin-bottom:1em;display:inline-flex;flex-wrap:wrap;justify-content:center}.cl{display:inline-block;opacity:0;filter:blur(12px);transform:translate(var(--ctx, 0),var(--cty, 0)) rotate(var(--crot, 0deg)) scale(.2)}.cl-space{width:.3em}.cl[style*="--k:0"]{--ctx: -200px;--cty: -180px;--crot: -120deg}.cl[style*="--k:1"]{--ctx: 180px;--cty: 200px;--crot: 90deg}.cl[style*="--k:2"]{--ctx: -150px;--cty: 220px;--crot: -160deg}.cl[style*="--k:3"]{--ctx: 250px;--cty: -120px;--crot: 130deg}.cl[style*="--k:4"]{--ctx: -280px;--cty: 50px;--crot: -90deg}.cl[style*="--k:5"]{--ctx: 120px;--cty: -250px;--crot: 200deg}.cl[style*="--k:6"]{--ctx: -100px;--cty: -200px;--crot: -150deg}.cl[style*="--k:7"]{--ctx: 220px;--cty: 150px;--crot: 110deg}.cl[style*="--k:8"]{--ctx: -250px;--cty: -100px;--crot: -80deg}.cl[style*="--k:9"]{--ctx: 160px;--cty: -180px;--crot: 170deg}.cl[style*="--k:10"]{--ctx: 0;--cty: 0;--crot: 0deg}.cl[style*="--k:11"]{--ctx: -180px;--cty: 200px;--crot: -140deg}.cl[style*="--k:12"]{--ctx: 280px;--cty: -80px;--crot: 100deg}.cl[style*="--k:13"]{--ctx: 0;--cty: 0;--crot: 0deg}.cl[style*="--k:14"]{--ctx: -220px;--cty: -160px;--crot: 180deg}.cl[style*="--k:15"]{--ctx: 200px;--cty: 180px;--crot: -110deg}.cl[style*="--k:16"]{--ctx: -160px;--cty: -220px;--crot: 140deg}.cl[style*="--k:17"]{--ctx: 240px;--cty: 100px;--crot: -170deg}.cl[style*="--k:18"]{--ctx: -120px;--cty: 260px;--crot: 90deg}.contact-animate .cl{animation:contactLetterIn 1.2s cubic-bezier(.34,1.56,.64,1) forwards;animation-delay:calc(var(--k) * .07s)}@keyframes contactLetterIn{0%{opacity:0;filter:blur(12px);transform:translate(var(--ctx),var(--cty)) rotate(var(--crot)) scale(.2)}60%{opacity:.9;filter:blur(2px)}to{opacity:1;filter:blur(0px);transform:translate(0) rotate(0) scale(1)}}.contact-name{font-size:1.1rem;font-weight:600;margin-bottom:.3em}.contact-legal{font-size:.85rem;color:#888;margin-bottom:1em}.contact-phone{display:inline-block;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:#d4849a;text-decoration:none;padding:.5em 1.5em;border:2px solid #d4849a;border-radius:50px;margin-bottom:1em;transition:all .3s ease}.contact-phone:hover{background:#d4849a;color:#fff}.contact-crown{display:block;margin:0 auto 1em;filter:drop-shadow(0 2px 8px rgba(212,132,154,.3))}.contact-address{font-size:.95rem;color:#6a5a72;margin-bottom:.3em}.contact-city{font-size:.95rem;color:#8a7090;margin-bottom:.8em}.contact-brand{font-family:Comfortaa,cursive;font-size:1.3rem;font-weight:700;color:#d4849a;letter-spacing:.1em;opacity:.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}#diploma-lightbox{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:200;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}#diploma-lightbox.visible{opacity:1;visibility:visible;pointer-events:auto}.diploma-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.diploma-popup{position:relative;width:90vw;max-width:420px;padding:2.2em 1.8em 1.8em;background:linear-gradient(170deg,#fff,#fff8f2,#f8eef5);border-radius:24px;border:2px solid rgba(212,132,154,.25);box-shadow:0 20px 60px #00000040,0 0 0 1px #ffffff80 inset;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.16,1,.3,1);text-align:center}#diploma-lightbox.visible .diploma-popup{transform:scale(1) translateY(0)}.diploma-popup-icon{width:56px;height:56px;margin:0 auto 1em;border-radius:50%;background:linear-gradient(135deg,#d4849a,#e8b4b8);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #d4849a4d}.diploma-popup-icon:after{content:"✓";color:#fff;font-size:1.6rem;font-weight:700}.diploma-popup-title{font-family:Comfortaa,cursive;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;color:#2d2d3f;margin-bottom:.8em;line-height:1.3}.diploma-popup-body{font-family:Montserrat,sans-serif;font-size:clamp(.88rem,2.2vw,.95rem);line-height:1.6;color:#555;margin-bottom:1.5em}.diploma-popup-footer{padding-top:1em;border-top:1px solid rgba(212,132,154,.2);display:flex;flex-direction:column;gap:.2em}.diploma-popup-name{font-family:Comfortaa,cursive;font-size:.9rem;font-weight:600;color:#d4849a}.diploma-popup-city{font-size:.8rem;color:#a090a8}#diploma-lightbox-close{position:absolute;top:.6em;right:.6em;width:36px;height:36px;border:none;border-radius:50%;background:#0000000f;color:#888;font-size:1.3rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s;touch-action:manipulation}#diploma-lightbox-close:hover{background:#d4849a;color:#fff}@media(max-width:768px){.service-card{max-width:none;padding:1.5em 1.8em;border-radius:16px}.service-card.station-card{max-width:290px;padding:1em 1.2em}.service-card.greeting-card{max-width:260px;padding:.8em 1em .6em}.service-card.greeting-card .greeting-text{font-size:1.1rem;line-height:1.4;margin-bottom:.4em}.service-card.greeting-card .card-next-btn{font-size:.9rem;padding:.3em 1em}#nav-dots{right:.8em;gap:.8em}.nav-dot{width:10px;height:10px}#site-header{padding:.8em 1em}.header-logo{font-size:1.2rem}.header-phone{font-size:.8rem}#contact-section{padding:3em 1.5em}}@media(max-width:480px){.service-card.station-card{max-width:290px;width:290px;padding:1em}}