.karsilama{color:#fff;background:radial-gradient(circle at 25% 60%,#33c9b6 0%,#17a897 30%,#0e8a7d 62%,#0b6b62 100%);grid-template:"marka dil""orta orta"1fr/50% 50%;display:grid}.karsilama .susler{pointer-events:none;position:absolute;inset:0}.karsilama .sus-oge{left:var(--x);top:var(--y)}.karsilama .parilti{color:#fff;opacity:.85;animation:3.2s ease-in-out infinite parilti}.karsilama .yaprak{color:#ffffff8c;animation:7s ease-in-out infinite yaprak}.karsilama .dil-konum{margin:calc(40 * var(--u)) calc(64 * var(--u)) 0 0;z-index:3;grid-area:dil;place-self:start end;animation:.8s ease-out both giris-ust}.karsilama .marka{z-index:1;padding-top:calc(52 * var(--u));text-align:center;grid-area:marka;animation:.8s ease-out both giris-ust;position:relative}.karsilama .marka-ad{font-size:max(36px, calc(112 * var(--u)));letter-spacing:-.02em;text-shadow:0 calc(6 * var(--u)) 0 #06463f73;font-weight:800;line-height:1}.karsilama .marka-ad span{vertical-align:middle;font-size:max(13px, calc(38 * var(--u)));letter-spacing:.02em;color:var(--lacivert);background:var(--sari);text-shadow:none;box-shadow:0 calc(5 * var(--u)) 0 #d9a400;border-radius:999px;margin-left:.25em;padding:.14em .6em .03em;display:inline-block;rotate:-5deg}.karsilama .marka-slogan{margin:calc(18 * var(--u)) auto 0;width:fit-content;font-size:max(13px, calc(34 * var(--u)));color:var(--marka-lacivert);box-shadow:0 calc(6 * var(--u)) 0 #06463f59;background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:.5em;padding:.24em .9em .18em;font-weight:800;display:flex}.karsilama .marka-slogan i{background:var(--marka-sari);border-radius:50%;width:.35em;height:.35em}.karsilama .marka-slogan b:first-of-type{color:var(--marka-yesil)}.karsilama .marka-slogan b:nth-of-type(3){color:var(--marka-turuncu)}.karsilama .orta{padding:calc(24 * var(--u)) calc(64 * var(--u)) calc(56 * var(--u)) 0;grid-area:orta;align-self:center;align-items:flex-end;display:flex;position:relative}.karsilama .karakterler{flex-shrink:0;justify-content:center;align-items:flex-end;width:50%;display:flex;position:relative}.karsilama .halkalar{pointer-events:none;position:absolute;top:45%;left:50%}.karsilama .halkalar:before{content:"";width:calc(760 * var(--u));height:calc(760 * var(--u));background:radial-gradient(closest-side,#ffffff38,#0000);border-radius:50%;position:absolute;translate:-50% -50%}.karsilama .halkalar span{width:calc(var(--h) * var(--u));height:calc(var(--h) * var(--u));border:max(1.5px, calc(3 * var(--u))) solid #ffffff29;border-radius:50%;animation:6s ease-in-out infinite halka;position:absolute;translate:-50% -50%}.karsilama .halkalar span:first-child{--h:640}.karsilama .halkalar span:nth-child(2){--h:900;animation-delay:-2s}.karsilama .halkalar span:nth-child(3){--h:1160;animation-delay:-4s}.karsilama .karakter{cursor:pointer;filter:drop-shadow(0 calc(20 * var(--u)) calc(30 * var(--u)) #043c3659);animation:.9s ease-out .15s both giris-alt}.karsilama .karakter.ikinci{--olcek:.97;margin-left:calc(-40 * var(--u));animation-delay:.3s}.karsilama .karakter img{width:auto;height:calc(700 * var(--u) * var(--olcek,1));transform-origin:50% 100%;animation:3.2s ease-in-out infinite nefes;display:block;-webkit-mask-image:linear-gradient(#000 76%,#0000 99%);mask-image:linear-gradient(#000 76%,#0000 99%)}.karsilama .karakter.ikinci img{animation-delay:-1.6s}.karsilama .karakter.zipliyor img{animation:.6s ease-out zipla}.karsilama .panel{z-index:2;max-width:calc(880 * var(--u));min-height:calc(740 * var(--u));text-align:center;padding:calc(48 * var(--u)) calc(40 * var(--u)) calc(56 * var(--u));border-radius:calc(72 * var(--u));border:max(1.5px, calc(3 * var(--u))) solid #ffffff59;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 calc(30 * var(--u)) calc(60 * var(--u)) #04322d4d, inset 0 2px 0 #ffffff40;background:linear-gradient(#fff3,#ffffff14);flex-direction:column;flex:1;justify-content:center;align-items:center;margin-inline:auto;animation:.8s ease-out .45s both giris-alt;display:flex;position:relative}.karsilama .panel h1{flex-direction:column;font-weight:800;line-height:1;display:flex}.karsilama .selam{font-size:max(26px, calc(84 * var(--u)))}.karsilama .kasif{margin-top:calc(12 * var(--u));font-size:max(34px, calc(118 * var(--u)));letter-spacing:-.02em;white-space:nowrap;color:var(--sari);text-shadow:0 calc(8 * var(--u)) 0 #c98400;line-height:1}.karsilama .kasif.uzun{font-size:max(29px, calc(100 * var(--u)))}.karsilama .metin-gecis{animation:.45s ease-out both metin-gecis}.karsilama .alt-yazi{margin:calc(30 * var(--u)) 0 calc(48 * var(--u));font-size:max(14px, calc(38 * var(--u)));color:#ffffffeb;font-weight:600;line-height:1.3}.karsilama .basla{align-items:center;gap:calc(30 * var(--u));white-space:nowrap;height:max(52px, calc(152 * var(--u)));padding:0 calc(22 * var(--u)) 0 calc(70 * var(--u));font-size:max(18px, calc(58 * var(--u)));color:var(--lacivert);background:var(--sari);box-shadow:0 calc(14 * var(--u)) 0 #d29b00, 0 calc(30 * var(--u)) calc(46 * var(--u)) #04322d59;border-radius:999px;font-weight:800;transition:transform 80ms,box-shadow 80ms;animation:2.4s ease-in-out 1.4s infinite nabiz;display:inline-flex}.karsilama .basla:active{transform:translateY(calc(10 * var(--u)));box-shadow:0 calc(4 * var(--u)) 0 #d29b00, 0 calc(12 * var(--u)) calc(24 * var(--u)) #04322d4d;animation:none}.karsilama .basla .ok{aspect-ratio:1;background:var(--lacivert);height:72%;color:var(--sari);border-radius:50%;place-items:center;display:grid}.karsilama .basla .ok svg{width:52%;height:52%}@media (orientation:portrait){.karsilama{background:radial-gradient(circle at 50% 36%,#33c9b6 0%,#17a897 30%,#0e8a7d 62%,#0b6b62 100%);grid-template:"marka""orta"/minmax(0,1fr);align-content:center}.karsilama .sus-oge{left:var(--dx);top:var(--dy)}.karsilama .dil-konum{top:calc(40 * var(--u));right:calc(40 * var(--u));margin:0;position:absolute}.karsilama .marka{padding-top:max(64px, calc(150 * var(--u)))}.karsilama .marka-ad{font-size:max(40px, calc(140 * var(--u)))}.karsilama .orta{padding:calc(30 * var(--u)) calc(60 * var(--u)) max(24px, calc(80 * var(--u)));flex-direction:column;align-items:stretch}.karsilama .karakterler{width:auto}.karsilama .halkalar{top:40%}.karsilama .karakter img{height:calc(780 * var(--u) * var(--olcek,1));-webkit-mask-image:linear-gradient(#000 82%,#0000 98%);mask-image:linear-gradient(#000 82%,#0000 98%)}.karsilama .karakter.ikinci{margin-left:calc(-30 * var(--u))}.karsilama .panel{max-width:none;min-height:0;margin-top:calc(-150 * var(--u));padding:calc(52 * var(--u)) calc(40 * var(--u)) calc(64 * var(--u));border-radius:calc(80 * var(--u));flex:none}.karsilama .selam{font-size:max(28px, calc(96 * var(--u)))}.karsilama .kasif{font-size:max(38px, calc(140 * var(--u)))}.karsilama .kasif.uzun{font-size:max(32px, calc(118 * var(--u)))}.karsilama .alt-yazi{font-size:max(15px, calc(44 * var(--u)));margin-bottom:calc(56 * var(--u))}.karsilama .basla{height:max(52px, calc(184 * var(--u)));font-size:max(16px, calc(70 * var(--u)));padding:0 calc(28 * var(--u)) 0 calc(84 * var(--u))}}@keyframes nefes{0%,to{transform:translateY(0)scale(1)rotate(0)}25%{transform:translateY(-3px)scale(1.005,1.015)rotate(-.6deg)}50%{transform:translateY(-7px)scale(.993,1.025)rotate(0)}75%{transform:translateY(-3px)scale(1.005,1.015)rotate(.6deg)}}@keyframes zipla{0%{transform:translateY(0)scale(1)}20%{transform:translateY(0)scale(1.06,.92)}50%{transform:translateY(-60px)scale(.96,1.06)}80%{transform:translateY(0)scale(1.04,.96)}to{transform:translateY(0)scale(1)}}@keyframes halka{0%,to{opacity:1;scale:1}50%{opacity:.55;scale:1.04}}@keyframes parilti{0%,to{opacity:.9;scale:1}50%{opacity:.35;scale:.55}}@keyframes yaprak{0%,to{translate:0}50%{translate:0 -24px}}@keyframes nabiz{0%,to{scale:1}50%{scale:1.045}}@keyframes metin-gecis{0%{opacity:0;scale:.92}}@keyframes giris-ust{0%{opacity:0;translate:0 -40px}}@keyframes giris-alt{0%{opacity:0;translate:0 60px}}@media (prefers-reduced-motion:reduce){.karsilama *,.karsilama :before{animation:none!important}}