@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--hdr-top:#0f172aeb;--hdr-mid:#0b1220e0;--hdr-bottom:#0a1020d6;--glass-1:#ffffff1a;--border-strong:#ffffff29;--blue:#2a86ff;--blue-soft:#2a86ff4d;--shadow-soft:0 10px 26px #00000059;--shadow-strong:0 20px 55px #0000008c;--ease:cubic-bezier(0.175,0.885,0.32,1.275);--ease-soft:cubic-bezier(0.2,0.8,0.2,1);--radius:14px}.header-wrapper{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,#0f172aeb,#0b1220e0,#0a1020d6);background:linear-gradient(180deg,var(--hdr-top),var(--hdr-mid),var(--hdr-bottom));border-bottom:1px solid #ffffff1f;border-bottom:1px solid var(--border);box-shadow:0 10px 26px #00000059;box-shadow:var(--shadow-soft);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;height:78px;inset:0 0 auto 0;position:fixed;transform:translateZ(0);transition:background .35s ease,box-shadow .35s ease,border-color .35s ease;will-change:background,box-shadow;z-index:1000}.header-wrapper:before{background:radial-gradient(circle at 14% 30%,#ffffff12,#0000 45%),radial-gradient(circle at 55% 10%,#2a86ff1f,#0000 55%),radial-gradient(circle at 84% 42%,#ffffff0d,#0000 48%);inset:0;opacity:.95}.header-wrapper:after,.header-wrapper:before{content:"";pointer-events:none;position:absolute}.header-wrapper:after{background:linear-gradient(90deg,#0000,#ffffff38,#0000);bottom:0;height:1px;left:10px;right:10px}.header-wrapper.scrolled{background:#080c18eb;border-bottom-color:#ffffff24;box-shadow:0 20px 55px #0000008c;box-shadow:var(--shadow-strong)}.header-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1500px;padding:0 1.8rem;position:relative;z-index:1}.logo-section{align-items:center;display:flex;gap:1.05rem}.logo-link{align-items:center;border-radius:14px;border-radius:var(--radius);display:inline-flex;padding:.35rem .55rem;position:relative;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1);transition:transform .25s var(--ease-soft)}.logo-link:hover{transform:translateY(-1px)}.logo-image{display:block;filter:drop-shadow(0 10px 18px rgba(0,0,0,.55));height:42px;transition:transform .35s cubic-bezier(.175,.885,.32,1.275),filter .35s ease;transition:transform .35s var(--ease),filter .35s ease;width:auto}.logo-image.hover{filter:drop-shadow(0 14px 26px rgba(42,134,255,.28));transform:scale(1.04)}.logo-glow{background:radial-gradient(circle,#2a86ff4d,#0000 70%);background:radial-gradient(circle,var(--blue-soft),#0000 70%);border-radius:18px;inset:-10px;opacity:0;position:absolute;transition:opacity .35s ease;z-index:-1}.logo-link:hover .logo-glow{opacity:1}.language-selector{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid #ffffff24;border-radius:999px;box-shadow:0 10px 22px #00000040,inset 0 0 0 1px #2a86ff0f;display:flex;gap:.55rem;padding:.35rem .5rem .35rem .6rem;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.language-selector:hover{border-color:#2a86ff4d;box-shadow:0 14px 26px #0000004d,inset 0 0 0 1px #2a86ff1f}.language-icon{color:#ffffffa8;color:var(--muted);font-size:.95rem}.language-selector select{-webkit-appearance:none;appearance:none;background:#0000;border:none;color:#fffffff0;color:var(--text);cursor:pointer;font-size:.88rem;font-weight:600;min-width:92px;outline:none;padding:.2rem 1.6rem .2rem .15rem}.language-selector select option{color:#111827}.language-selector select:focus{box-shadow:none}.language-chevron{color:#ffffffb8;font-size:.7rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.nav-menu{align-items:center;display:flex;gap:.55rem}.nav-link{align-items:center;background:#0000;border:1px solid #0000;border-radius:999px;color:#ffffffa8;color:var(--muted);display:inline-flex;font-size:.92rem;font-weight:600;gap:.65rem;padding:.55rem 1.05rem;position:relative;text-decoration:none;transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease}.nav-link .icon{font-size:1.02rem;opacity:.95}.nav-link:hover{background:#ffffff14;border-color:#ffffff1a;transform:translateY(-1px)}.nav-link.active,.nav-link:hover{color:#fffffff0;color:var(--text)}.nav-link.active{background:#2a86ff33;border-color:#2a86ff47;box-shadow:0 12px 26px #0000004d,inset 0 0 0 1px #2a86ff1f}.nav-text{display:inline-block}.nav-highlight{display:none}.hamburger-icon{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:linear-gradient(180deg,#ffffff1a,#ffffff0f);border:1px solid #ffffff24;border-radius:14px;box-shadow:0 12px 26px #0000004d;color:#fffffff0;color:var(--text);cursor:pointer;display:none;padding:.55rem .7rem;transition:transform .2s ease,border-color .2s ease}.hamburger-icon:hover{border-color:#2a86ff47;transform:translateY(-1px)}.hamburger-box{display:flex;flex-direction:column;height:18px;justify-content:space-between;width:24px}.hamburger-line{background:#fffffff0;background:var(--text);border-radius:2px;height:2px;transition:transform .3s ease,opacity .3s ease;width:100%}.hamburger-line.middle{margin-left:auto;opacity:.9;width:82%}.hamburger-icon.active .hamburger-line.top{transform:translateY(8px) rotate(45deg)}.hamburger-icon.active .hamburger-line.middle{opacity:0}.hamburger-icon.active .hamburger-line.bottom{transform:translateY(-8px) rotate(-45deg)}.menu-text{color:#ffffffd1;font-size:.82rem;font-weight:800;letter-spacing:.12em;margin-left:.6rem}@media (max-width:1024px){.hamburger-icon{align-items:center;display:inline-flex;justify-content:center}.nav-menu{align-items:stretch;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,#0c1220f5,#080c18f5);border-left:1px solid #ffffff1a;box-shadow:0 20px 55px #0000008c;box-shadow:var(--shadow-strong);display:flex;flex-direction:column;gap:.75rem;height:calc(100vh - 78px);padding:1.2rem;position:fixed;right:-110%;top:78px;transition:right .42s cubic-bezier(.175,.885,.32,1.275);transition:right .42s var(--ease);width:320px;z-index:1000}.nav-menu:before{background:radial-gradient(circle at 30% 18%,#2a86ff24,#0000 55%),radial-gradient(circle at 70% 65%,#ffffff0f,#0000 55%);content:"";inset:0;opacity:.9;pointer-events:none;position:absolute}.nav-menu.active{right:0}.nav-link{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;justify-content:flex-start;padding:.95rem 1rem;width:100%}.nav-link.active{background:#2a86ff38;border-color:#2a86ff47}}@media (max-width:768px){.header-wrapper{height:70px}.header-container{padding:0 1.1rem}.logo-image{height:38px}.nav-menu{height:calc(100vh - 70px);top:70px;width:300px}.language-selector select{font-size:.84rem;min-width:86px}}@media (max-width:480px){.header-container{padding:0 .9rem}.logo-image{height:34px}.menu-text{display:none}.nav-menu{width:280px}}.hamburger-icon:focus-visible,.language-selector select:focus-visible,.nav-link:focus-visible{border-radius:12px;outline:2px solid #2a86ffe6;outline-offset:3px}@media (prefers-reduced-motion:reduce){.hamburger-icon,.logo-image,.logo-link,.nav-link,.nav-menu{transition:none!important}}.mainBackground{align-items:center;background:radial-gradient(circle at 18% 14%,#ffffff14,#0000 42%),radial-gradient(circle at 80% 22%,#ffffff0f,#0000 45%),radial-gradient(circle at 28% 78%,#ffffff0f,#0000 50%),radial-gradient(circle at 72% 72%,#ffffff0d,#0000 50%),radial-gradient(circle at 50% 40%,#2a86ff24,#0000 55%),linear-gradient(180deg,#0d1526,#0b1220 45%,#0a1020);background:radial-gradient(circle at 18% 14%,#ffffff14,#0000 42%),radial-gradient(circle at 80% 22%,#ffffff0f,#0000 45%),radial-gradient(circle at 28% 78%,#ffffff0f,#0000 50%),radial-gradient(circle at 72% 72%,#ffffff0d,#0000 50%),radial-gradient(circle at 50% 40%,#2a86ff24,#0000 55%),linear-gradient(180deg,var(--app-bg-top) 0,var(--app-bg-mid) 45%,var(--app-bg-bottom) 100%);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;padding:80px .25rem .25rem;width:100%}.main-container{max-width:1100px;padding:0 1rem 1.2rem;position:relative;text-align:center;width:100%}.main-container:before{animation:bgFloat 10s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 35%,#2a86ff33,#0000 55%),radial-gradient(circle at 70% 55%,#ffffff0d,#0000 55%),radial-gradient(circle at 40% 85%,#2a86ff1a,#0000 60%);content:"";inset:-60%;pointer-events:none;position:absolute;transform:translate(10%,12%);z-index:0}@keyframes bgFloat{0%{opacity:.9;transform:translate(10%,12%) scale(1)}to{opacity:.7;transform:translate(12%,10%) scale(1.05)}}.main-title-wrapper{align-items:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#ffffff14,#ffffff0f);background:linear-gradient(180deg,var(--glass-1),var(--glass-2));border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:18px;box-shadow:0 12px 30px #00000059;box-shadow:var(--shadow-soft);display:inline-flex;gap:.85rem;justify-content:center;margin:1.1rem 0 .95rem;padding:.65rem 1rem;position:relative;z-index:1}.main-title-logo{animation:logoIn .7s ease-out forwards;filter:drop-shadow(0 10px 16px rgba(0,0,0,.55));flex:0 0 auto;height:52px;object-fit:contain;width:52px}@keyframes logoIn{0%{opacity:0;transform:translateY(-10px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.main-title{animation:titleIn .8s ease-out forwards;color:#fffffff0;color:var(--text);font-size:3rem;font-weight:800;letter-spacing:-.8px;line-height:1.05;margin:0;text-shadow:0 14px 32px #0000008c,0 0 24px #2a86ff1f}@keyframes titleIn{0%{filter:blur(1px);opacity:0;transform:translateY(-18px)}to{filter:blur(0);opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.main-title-wrapper:hover{border-color:#2a86ff40;box-shadow:0 18px 48px #0000008c,inset 0 0 0 1px #2a86ff1a;box-shadow:var(--shadow),0 0 0 1px #2a86ff1a inset}}@media (max-width:992px){.main-title{font-size:2.6rem}.main-title-logo{height:46px;width:46px}}@media (max-width:768px){.main-title{font-size:2.15rem}.main-title-wrapper{border-radius:16px;gap:.65rem;padding:.6rem .9rem}.main-title-logo{height:40px;width:40px}}@media (max-width:576px){.mainBackground{padding-top:50px}.main-title{font-size:1.95rem}.main-title-logo{height:36px;width:36px}}@media (prefers-reduced-motion:reduce){.main-container:before,.main-title,.main-title-logo{animation:none!important}}:root{--bg:#ffffff14;--bg2:#ffffff0f;--blue-1:#1f6cff;--blue-2:#2a86ff;--blue-glow:#2a86ff4d;--green-1:#29d07f;--green-2:#18b56a;--green-glow:#29d07f3d;--shadow:0 18px 48px #0000008c}.qrSection{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#ffffff14,#ffffff0f);background:linear-gradient(180deg,var(--bg),var(--bg2));border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 30px #00000059;box-shadow:var(--shadow-soft);margin:0 auto;max-width:980px;overflow:hidden;padding:.5rem;position:relative;width:100%}.qrSection:before{background:radial-gradient(circle at 30% 30%,#2a86ff33,#0000 55%),radial-gradient(circle at 75% 40%,#ffffff0f,#0000 55%),radial-gradient(circle at 35% 85%,#2a86ff1f,#0000 60%);content:"";inset:-60%;pointer-events:none;position:absolute;transform:translate(12%,10%)}.qrSection.compact{max-width:820px;padding:1rem}.qrHeader{margin-bottom:.95rem;position:relative;text-align:center;z-index:1}.qrTitle{color:#fffffff0;color:var(--text);font-size:1.4rem;font-weight:800;letter-spacing:-.3px;margin:0}.qrSubtitle{color:#ffffffa8;color:var(--muted);font-size:1rem;margin:.35rem 0 0}.qrGrid{grid-gap:1rem;align-items:stretch;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(250px,1fr));z-index:1}.qrCard,.qrGrid{position:relative}.qrCard{animation:qrIn .55s ease-out forwards;background:linear-gradient(180deg,#ffffff17,#ffffff0d);border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 14px 32px #00000059;opacity:0;overflow:hidden;padding:1rem;transform:translateY(10px)}.qrCard:nth-child(2){animation-delay:.08s}@keyframes qrIn{to{opacity:1;transform:translateY(0)}}.qrCard:before{background:radial-gradient(circle,#2a86ff4d 0,#0000 62%);background:radial-gradient(circle,var(--blue-glow) 0,#0000 62%);content:"";inset:-55%;pointer-events:none;position:absolute;transform:translate(18%,12%)}.qrCard.android:before{background:radial-gradient(circle,#29d07f3d 0,#0000 62%);background:radial-gradient(circle,var(--green-glow) 0,#0000 62%)}.qrCardTop{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.85rem;position:relative;z-index:1}.qrPill{align-items:center;background:#00000038;border:1px solid #ffffff24;border-radius:999px;color:#fffffff0;color:var(--text);display:inline-flex;font-size:.92rem;font-weight:800;padding:.35rem .75rem}.qrPill.android{color:#29d07ff2}.qrHint{color:#ffffffa8;color:var(--muted);font-size:.95rem;white-space:nowrap}.qrScanArea{background:#00000038;border:1px solid #ffffff1f;border-radius:16px;display:block;overflow:hidden;position:relative}.qrScanArea.isLink{cursor:pointer}.qrImage{aspect-ratio:1/1;background:#fff;border-radius:16px;display:block;object-fit:contain;width:100%}.qrScanOverlay{background:linear-gradient(180deg,#0000 55%,#0000006b);display:grid;inset:0;opacity:0;padding:.85rem;place-items:end center;pointer-events:none;position:absolute;transition:opacity .22s ease}.qrScanText{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000047;border:1px solid #ffffff24;border-radius:999px;color:#ffffffeb;font-size:.95rem;font-weight:800;padding:.35rem .65rem}@media (hover:hover) and (pointer:fine){.qrCard:hover{box-shadow:0 18px 38px #00000073;transform:translateY(-2px)}.qrCard:hover .qrScanOverlay{opacity:1}}.qrCta{align-items:center;background:linear-gradient(90deg,#1f6cff,#2a86ff);background:linear-gradient(90deg,var(--blue-1),var(--blue-2));border-radius:14px;box-shadow:0 14px 30px #2a86ff38;color:#fff;display:inline-flex;font-weight:800;gap:.6rem;justify-content:center;margin-top:.95rem;padding:.78rem 1rem;text-decoration:none;transition:transform .18s ease,filter .18s ease;width:100%}.qrCta.android{background:linear-gradient(90deg,#29d07f,#18b56a);background:linear-gradient(90deg,var(--green-1),var(--green-2));box-shadow:0 14px 30px #29d07f2e}.qrArrow{font-size:1.05rem;line-height:1}@media (hover:hover) and (pointer:fine){.qrCta:hover{filter:brightness(1.06);transform:translateY(-1px)}}.qrCta:active{transform:translateY(0)}.qrCta.disabled{background:#ffffff1a;border:1px dashed #fff3;box-shadow:none;color:#ffffffb8;cursor:not-allowed}@media (max-width:820px){.qrGrid{grid-template-columns:1fr}.qrTitle{font-size:1.25rem}.qrSubtitle{font-size:.95rem}}@media (prefers-reduced-motion:reduce){.qrCard{animation:none!important}.qrCta,.qrScanOverlay{transition:none!important}}.privacyPage{background:radial-gradient(circle at 18% 14%,#ffffff14,#0000 42%),radial-gradient(circle at 80% 22%,#ffffff0f,#0000 45%),radial-gradient(circle at 28% 78%,#ffffff0f,#0000 50%),radial-gradient(circle at 72% 72%,#ffffff0d,#0000 50%),radial-gradient(circle at 50% 40%,#2a86ff24,#0000 55%),linear-gradient(180deg,#0d1526,#0b1220 45%,#0a1020);background:radial-gradient(circle at 18% 14%,#ffffff14,#0000 42%),radial-gradient(circle at 80% 22%,#ffffff0f,#0000 45%),radial-gradient(circle at 28% 78%,#ffffff0f,#0000 50%),radial-gradient(circle at 72% 72%,#ffffff0d,#0000 50%),radial-gradient(circle at 50% 40%,#2a86ff24,#0000 55%),linear-gradient(180deg,var(--app-bg-top) 0,var(--app-bg-mid) 45%,var(--app-bg-bottom) 100%);box-sizing:border-box;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:90px .25rem 1.5rem;width:100%}.privacyContainer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#ffffff14,#ffffff0f);background:linear-gradient(180deg,var(--glass-1),var(--glass-2));border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 30px #00000059;box-shadow:var(--shadow-soft);margin:0 auto;max-width:1100px;overflow:hidden;padding:1.4rem;position:relative;width:100%}.privacyContainer:before{background:radial-gradient(circle at 30% 30%,#2a86ff2e,#0000 55%),radial-gradient(circle at 75% 40%,#ffffff0d,#0000 55%),radial-gradient(circle at 35% 85%,#2a86ff1a,#0000 60%);content:"";inset:-60%;opacity:.9;pointer-events:none;position:absolute;transform:translate(12%,10%)}.privacyTitle{color:#fffffff0;color:var(--text);font-size:2rem;letter-spacing:-.5px;margin:0 0 1rem;text-shadow:0 14px 28px #00000073}.privacyContainer h2,.privacyTitle{font-weight:800;position:relative;z-index:1}.privacyContainer h2{color:#ffffffeb;font-size:1.15rem;letter-spacing:-.2px;margin-bottom:.5rem;margin-top:1.25rem}.privacyContainer p{color:#ffffffa8;font-size:1rem;line-height:1.75;margin-bottom:.9rem;position:relative;z-index:1}.privacyContainer a{border-bottom:1px solid #2a86ff59;color:#2a86fff2;font-weight:700;position:relative;text-decoration:none;transition:filter .2s ease,border-color .2s ease;z-index:1}@media (hover:hover) and (pointer:fine){.privacyContainer a:hover{border-bottom-color:#2a86ff99;filter:brightness(1.08)}}@media (max-width:768px){.privacyPage{padding-bottom:1rem;padding-top:80px}.privacyContainer{border-radius:16px;padding:1.1rem 1rem}.privacyTitle{font-size:1.6rem}}.levels-wrapper{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:0}.levels-grid{grid-gap:1rem;box-sizing:border-box;direction:ltr;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:1500px;padding:1rem;width:100%}.level-card{border:1px solid #fff3;border-radius:20px;box-shadow:0 15px 35px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;overflow:hidden;padding:0;text-align:left;transition:all .4s cubic-bezier(.175,.885,.32,1.275);z-index:1}.level-card:before{background:inherit;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.level-card:hover{box-shadow:0 20px 50px #0003;transform:translateY(-10px) scale(1.02)}.level-badge{background-color:#fff;box-shadow:0 5px 15px #0003;color:#333;font-size:1.2rem;height:60px;right:20px;top:20px;transition:all .3s ease;width:60px;z-index:2}.level-card:hover .level-badge{transform:scale(1.1) rotate(15deg)}.level-info{z-index:2}.level-info h2{font-size:2rem;font-weight:800;margin:0 0 .5rem;text-shadow:0 2px 5px #0000004d}.level-info p{font-size:1.3rem;font-weight:500;margin:0;opacity:.9;text-shadow:0 1px 3px #0000004d}.level-progress{background:#ffffff4d;bottom:0;height:6px;left:0;position:absolute;right:0}.progress-bar{background:#fff;transition:width .5s ease}.diagonal-stripes:after{background:repeating-linear-gradient(45deg,var(--pattern-color),var(--pattern-color) 5px,#0000 5px,#0000 10px);bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:-1}.zigzag:after{background:linear-gradient(135deg,var(--pattern-color) 25%,#0000 25%) -50px 0,linear-gradient(225deg,var(--pattern-color) 25%,#0000 25%) -50px 0,linear-gradient(315deg,var(--pattern-color) 25%,#0000 25%),linear-gradient(45deg,var(--pattern-color) 25%,#0000 25%);background-size:20px 20px}.dots:after,.zigzag:after{bottom:0;content:"";left:0;opacity:.4;position:absolute;right:0;top:0;z-index:-1}.dots:after{background:radial-gradient(circle,var(--pattern-color) 2px,#0000 2px);background-size:20px 20px}.waves:after{background:radial-gradient(circle at 100% 50%,#0000 20%,var(--pattern-color) 21%,var(--pattern-color) 34%,#0000 35%,#0000),radial-gradient(circle at 0 50%,#0000 20%,var(--pattern-color) 21%,var(--pattern-color) 34%,#0000 35%,#0000) 0 -20px;background-size:40px 40px;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.grid:after{background:linear-gradient(var(--pattern-color) 1px,#0000 1px),linear-gradient(90deg,var(--pattern-color) 1px,#0000 1px);background-size:20px 20px}.crosshatch:after,.grid:after{bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.crosshatch:after{background:linear-gradient(45deg,var(--pattern-color) 25%,#0000 25%) -10px 0,linear-gradient(-45deg,var(--pattern-color) 25%,#0000 25%) -10px 0,linear-gradient(45deg,#0000 75%,var(--pattern-color) 75%),linear-gradient(-45deg,#0000 75%,var(--pattern-color) 75%);background-size:20px 20px}@media (max-width:768px){.levels-grid{direction:ltr;grid-template-columns:1fr;padding:1rem}.level-card{min-height:200px;padding:1.5rem;text-align:left}.level-info h2{font-size:1.8rem}.level-info p{font-size:1.1rem}.level-badge{font-size:1rem;height:50px;left:auto;right:20px;width:50px}}.a1-wrapper{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;direction:rtl;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:60px 1rem 1rem;position:fixed;width:100%}.a1-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.a1-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00acf61a 0,#0192fa00 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.a1-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.a1-title:hover{color:#0192fa;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.a1-title:after,.a1-title:before{background:linear-gradient(90deg,#00acf6,#0192fa);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.a1-title:before{right:-20px}.a1-title:after{left:-20px}.a1-title:hover:after,.a1-title:hover:before{opacity:1;width:70px}.a1-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00acf633;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.a1-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.a1-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.a1-subtitle:hover:after{width:60%}.a1-grid{grid-gap:1px;direction:ltr;display:grid;gap:1px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;padding:0 20px 20px;perspective:1000px;scroll-behavior:smooth;width:100%}.a1-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:none;border-radius:16px;box-shadow:0 4px 6px #0000000d;color:#4a5568;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:200px;padding:1.5rem;position:relative;text-align:right;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1);z-index:1}.a1-card:before{background:linear-gradient(135deg,#fff3,#ffffff1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.a1-card:hover{box-shadow:0 15px 30px -5px #00000026;transform:translateY(-5px) scale(1.02);z-index:2}.a1-card:hover:before{opacity:1}.a1-badge{align-items:center;background:#00000026;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;font-weight:700;height:60px;justify-content:center;left:20px;position:absolute;top:20px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:60px;z-index:2}.a1-card:hover .a1-badge{background:#ffffffe6;color:#2d3748;transform:scale(1.05)}.a1-info{margin-top:30px;padding:10px;text-align:right;transition:all .3s ease;z-index:2}.a1-info h2{color:#fff;display:inline-block;font-size:2.2rem;font-weight:700;margin:0 0 .3rem;position:relative;text-shadow:0 1px 3px #0003}.a1-info h2:after{background:#fff;bottom:-10px;content:"";height:2px;opacity:.7;position:absolute;right:0;transition:all .3s ease;width:40px}.a1-card:hover .a1-info h2:after{opacity:1;width:60px}.a1-info p{color:#fff;font-size:1.2rem;font-weight:500;padding:.2rem 0;text-shadow:0 1px 2px #0003;transition:all .3s ease}.a1-progress{background:#fff3;bottom:0;height:6px;left:0;overflow:hidden;position:absolute;right:0}.progress-bar{background:#ffffffb3;height:100%;transition:width .5s cubic-bezier(.175,.885,.32,1.275)}.progress-bar:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fffc 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.a1-grid::-webkit-scrollbar{width:10px}.a1-grid::-webkit-scrollbar-track{background:#0000000d}.a1-grid::-webkit-scrollbar-thumb{background:#00acf680;border:2px solid #fffc;border-radius:10px}.a1-grid::-webkit-scrollbar-thumb:hover{background:#0192facc}@media (max-width:768px){.a1-title{font-size:2.5rem}.a1-subtitle{font-size:1.3rem}}@media (max-width:576px){.a1-title{font-size:2rem}.a1-subtitle{font-size:1.1rem}}@media (max-width:400px){.a1-title{font-size:1.8rem}.a1-subtitle{font-size:1rem}}[lang=ar] .a1-wrapper{direction:rtl}.level-wrapper{background-color:#f8fafc;min-height:100vh;padding:2rem;text-align:center}.level-title{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:2rem}.level-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-content:center}.level-card{border-radius:16px;box-shadow:0 4px 16px #0000001a;color:#fff;padding:2rem;position:relative;transition:transform .2s ease}.level-card:hover{transform:scale(1.03)}.level-badge{align-items:center;background-color:#000000bf;border-radius:50%;color:#fff;display:flex;font-weight:700;height:48px;justify-content:center;position:absolute;right:-10px;top:-10px;width:48px}.level-content h2{font-size:1.3rem;margin-bottom:.5rem}.level-content p{font-size:1rem;opacity:.9}.a1basic-wrapper{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;width:100%}.a1basic-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.a1basic-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.a1basic-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.a1basic-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.a1basic-title:after,.a1basic-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.a1basic-title:before{left:-20px}.a1basic-title:after{right:-20px}.a1basic-title:hover:after,.a1basic-title:hover:before{opacity:1;width:70px}.a1basic-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.a1basic-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.a1basic-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.a1basic-subtitle:hover:after{width:60%}.a1basic-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.a1basic-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.a1basic-grid-container{-webkit-overflow-scrolling:touch;height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;padding:0 1rem;width:100%}.a1basic-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem 0;width:100%}.a1basic-card{align-items:center;background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease}.a1basic-card:hover{border-color:#00b4db4d;box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.a1basic-image{background-color:#ffffffb3;border:3px solid #fffc;border-radius:12px;box-shadow:0 4px 10px #0000001a;flex-shrink:0;height:100px;margin-right:1.5rem;overflow:hidden;padding:6px;position:relative;transition:all .3s ease;width:100px}.a1basic-card:hover .a1basic-image{border-color:#00b4db66}.a1basic-texts{display:flex;flex:1 1;flex-direction:column}.a1basic-texts h3{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin:0 0 .5rem;position:relative}.a1basic-texts h3:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:0;opacity:.5;position:absolute;transition:all .3s ease;width:40px}.a1basic-card:hover .a1basic-texts h3:after{opacity:1;width:60px}.a1basic-texts p{background:#00b4db1a;border-radius:10px;color:#4a5568;display:inline-block;font-size:1.1rem;font-weight:600;margin:0;max-width:-webkit-fit-content;max-width:fit-content;padding:.2rem .5rem}.a1basic-card:hover .a1basic-texts p{background:#00b4db33;color:#2d3748}.a1basic-grid-container::-webkit-scrollbar{width:8px}.a1basic-grid-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.a1basic-grid-container::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}[lang=ta] .a1basic-texts h3,[lang=ta] .a1basic-texts p{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .a1basic-card{flex-direction:row-reverse}[lang=ar] .a1basic-image{margin-left:1.5rem;margin-right:0}[lang=ar] .a1basic-texts h3,[lang=ar] .a1basic-texts p{direction:rtl;font-family:Arial,sans-serif;text-align:right}[lang=ar] .a1basic-texts h3:after{left:auto;right:0}@media (max-width:768px){.a1basic-title{font-size:2.5rem;padding:0 20px}.a1basic-title:after,.a1basic-title:before{width:30px}.a1basic-title:hover:after,.a1basic-title:hover:before{width:40px}.a1basic-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.a1basic-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.a1basic-card{padding:1.25rem}.a1basic-image{height:80px;margin-right:1rem;width:80px}.a1basic-texts h3{font-size:1.2rem}.a1basic-texts p{font-size:1rem}}@media (max-width:480px){.a1basic-wrapper{padding-top:40px}.a1basic-title{font-size:1.8rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.a1basic-subtitle{font-size:1.1rem;padding:.3rem 1rem}.a1basic-grid-container{height:calc(100vh - 140px)}@supports (-webkit-touch-callout:none){.a1basic-grid-container{height:calc(100dvh - 140px)}}.a1basic-grid{gap:15px;grid-template-columns:1fr}.a1basic-card{border-radius:14px;padding:1rem}.a1basic-image{height:70px;margin-right:.8rem;width:70px}.a1basic-texts h3{font-size:1.1rem}.a1basic-texts p{font-size:.9rem}}.alphabet-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.alphabet-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.alphabet-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.alphabet-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s}.alphabet-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.alphabet-page-title:after,.alphabet-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.alphabet-page-title:before{left:-20px}.alphabet-page-title:after{right:-20px}.alphabet-page-title:hover:after,.alphabet-page-title:hover:before{opacity:1;width:70px}.alphabet-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s ease}.alphabet-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.alphabet-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.alphabet-page-subtitle:hover:after{width:60%}.alphabet-page-loading{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;height:50vh;justify-content:center}.alphabet-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;width:100%}.alphabet-page-card{background:#fffffff2;border:1px solid #0000001a;border-radius:16px;cursor:pointer;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .4s ease}.alphabet-page-card:hover{background:#fffffffa;box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.alphabet-page-playing{background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 20px #00b4db66}.alphabet-page-playing:after{animation:ripple 1.5s ease-out infinite;background:#00b4db80;border-radius:50%;content:"";height:5px;left:50%;position:absolute;top:50%;transform:scale(1) translate(-50%);width:5px}.numbers-page-image-wrapper{overflow:hidden;position:relative}.numbers-page-image-number{font-size:4rem}.numbers-page-playing .numbers-page-image-number{transform:scale(1.1)}.alphabet-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;width:150px}.alphabet-page-playing .alphabet-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.alphabet-page-image{max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease}.alphabet-page-card:hover .alphabet-page-image{transform:scale(1.05)}.alphabet-page-image-letter{align-items:center;display:flex;gap:.5rem;height:100%;justify-content:center;transition:all .3s ease;width:100%}.alphabet-page-capital-letter{color:#00b4db;font-size:4rem;font-weight:800;transition:all .3s ease}.alphabet-page-small-letter{color:#00b4db;font-size:2rem;font-weight:600;transition:all .3s ease}.alphabet-page-playing .alphabet-page-capital-letter,.alphabet-page-playing .alphabet-page-image-letter,.alphabet-page-playing .alphabet-page-small-letter{color:#0083b0;transform:scale(1.1)}.alphabet-page-grid::-webkit-scrollbar{width:10px}.alphabet-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border-radius:10px}.alphabet-page-grid::-webkit-scrollbar-track{background:#0000000d}@media (max-width:768px){.alphabet-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.alphabet-page-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.numbers-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.numbers-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.numbers-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.numbers-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s}.numbers-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.numbers-page-title:after,.numbers-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:50px}.numbers-page-title:before{left:-20px}.numbers-page-title:after{right:-20px}.numbers-page-title:hover:after,.numbers-page-title:hover:before{opacity:1;width:70px}.numbers-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s ease}.numbers-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.numbers-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .4s ease;width:0}.numbers-page-subtitle:hover:after{width:60%}.numbers-page-loading{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;height:50vh;justify-content:center}.numbers-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;width:100%}.numbers-page-grid::-webkit-scrollbar{width:10px}.numbers-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border-radius:10px}.numbers-page-grid::-webkit-scrollbar-track{background:#0000000d}.numbers-page-card{background:#fffffff2;border:1px solid #0000001a;border-radius:16px;cursor:pointer;padding:1.5rem 1rem;position:relative;text-align:center;transition:all .3s ease}.numbers-page-card:hover{background:#fffffffa;box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.numbers-page-playing{background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 20px #00b4db66}.numbers-page-playing:after{animation:ripple 1.5s ease-out infinite;background:#00b4db80;border-radius:50%;content:"";height:5px;left:50%;position:absolute;top:50%;transform:scale(1) translate(-50%);width:5px}.numbers-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;transition:all .3s ease;width:150px}.numbers-page-playing .numbers-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.numbers-page-image-number{color:#00b4db;font-size:clamp(2rem,1vw,2rem);font-weight:800;text-align:center;transition:all .3s ease;word-break:break-word}.numbers-page-playing .numbers-page-image-number{color:#0083b0}.numbers-page-german-text{color:#00b4db;font-size:1.4rem;font-weight:700;margin-top:1rem}.numbers-page-playing .numbers-page-german-text{color:#0083b0}.numbers-page-translation-text{background:#00b4db1a;border-radius:10px;color:#4a5568;display:inline-block;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:.2rem .8rem}.numbers-page-playing .numbers-page-translation-text{background:#00b4db33;color:#2d3748}@media (max-width:768px){.numbers-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:480px){.numbers-page-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}.colors-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.colors-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.colors-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.colors-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.colors-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.colors-page-title:after,.colors-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.colors-page-title:before{left:-20px}.colors-page-title:after{right:-20px}.colors-page-title:hover:after,.colors-page-title:hover:before{opacity:1;width:70px}.colors-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.colors-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.colors-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.colors-page-subtitle:hover:after{width:60%}.colors-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.colors-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.colors-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.colors-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.colors-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.colors-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.colors-page-card:hover:before{opacity:1}.colors-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.colors-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.colors-page-playing .colors-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.colors-page-color-name{color:#00b4db;display:inline-block;font-size:1.3rem;font-weight:700;margin-bottom:.5rem;margin-top:.8rem;text-shadow:0 1px 2px #00000014;transition:all .3s ease}.colors-page-playing .colors-page-color-name{color:#0083b0;text-shadow:0 2px 5px #0083b033}.colors-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.colors-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.colors-page-card:hover .colors-page-image{transform:scale(1.05)}.colors-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.colors-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.colors-page-card:hover .colors-page-german-text:after{opacity:1;width:60px}.colors-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.colors-page-sentence-text,.colors-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.colors-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.colors-page-playing .colors-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.colors-page-playing .colors-page-translation-text{background:#00b4db33;color:#2d3748}.colors-page-playing .colors-page-sentence-text{background:#0000000d;color:#2d3748}.colors-page-card:hover .colors-page-volume-indicator{opacity:1}.colors-page-playing .colors-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.colors-page-volume-icon{color:#0083b0;font-size:12px}.colors-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.colors-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.colors-page-title{font-size:2.5rem;padding:0 20px}.colors-page-title:after,.colors-page-title:before{width:30px}.colors-page-title:hover:after,.colors-page-title:hover:before{width:40px}.colors-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.colors-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.colors-page-card{min-height:280px;padding:1.25rem .75rem}.colors-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.colors-page-container{padding-top:40px}.colors-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.colors-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.colors-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.colors-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.colors-page-image-wrapper{height:100px;width:100px}.colors-page-german-text{font-size:1.1rem}.colors-page-translation-text{font-size:.9rem}.colors-page-sentence-text{font-size:.8rem}}[lang=ta] .colors-page-german-text,[lang=ta] .colors-page-sentence-text,[lang=ta] .colors-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .colors-page-german-text,[lang=ar] .colors-page-sentence-text,[lang=ar] .colors-page-translation-text{font-family:Arial,sans-serif}.colors-page-grid::-webkit-scrollbar{height:10px;width:10px}.colors-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.colors-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.colors-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.weather-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.weather-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.weather-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.weather-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.weather-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.weather-page-title:after,.weather-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.weather-page-title:before{left:-20px}.weather-page-title:after{right:-20px}.weather-page-title:hover:after,.weather-page-title:hover:before{opacity:1;width:70px}.weather-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.weather-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.weather-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.weather-page-subtitle:hover:after{width:60%}.weather-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.weather-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.weather-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 220px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.weather-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.weather-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.weather-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.weather-page-card:hover:before{opacity:1}.weather-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.weather-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.weather-page-playing .weather-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.weather-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.weather-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.weather-page-card:hover .weather-page-image{transform:scale(1.05)}.weather-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.weather-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.weather-page-card:hover .weather-page-german-text:after{opacity:1;width:60px}.weather-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.weather-page-sentence-text,.weather-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.weather-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.weather-page-playing .weather-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.weather-page-playing .weather-page-translation-text{background:#00b4db33;color:#2d3748}.weather-page-playing .weather-page-sentence-text{background:#0000000d;color:#2d3748}.weather-page-card:hover .weather-page-volume-indicator{opacity:1}.weather-page-playing .weather-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.weather-page-volume-icon{color:#0083b0;font-size:12px}.weather-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.weather-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.weather-page-title{font-size:2.5rem;padding:0 20px}.weather-page-title:after,.weather-page-title:before{width:30px}.weather-page-title:hover:after,.weather-page-title:hover:before{width:40px}.weather-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.weather-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.weather-page-card{padding:1.25rem .75rem}.weather-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.weather-page-container{padding-top:40px}.weather-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.weather-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.weather-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.weather-page-card{border-radius:14px;padding:1rem .5rem}.weather-page-image-wrapper{height:100px;width:100px}.weather-page-german-text{font-size:1.1rem}.weather-page-translation-text{font-size:.9rem}.weather-page-sentence-text{font-size:.8rem}}[lang=ta] .weather-page-german-text,[lang=ta] .weather-page-sentence-text,[lang=ta] .weather-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .weather-page-german-text,[lang=ar] .weather-page-sentence-text,[lang=ar] .weather-page-translation-text{font-family:Arial,sans-serif}.weather-page-grid::-webkit-scrollbar{height:10px;width:10px}.weather-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.weather-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.weather-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.animals-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.animals-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.animals-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.animals-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.animals-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.animals-page-title:after,.animals-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.animals-page-title:before{left:-20px}.animals-page-title:after{right:-20px}.animals-page-title:hover:after,.animals-page-title:hover:before{opacity:1;width:70px}.animals-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.animals-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.animals-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.animals-page-subtitle:hover:after{width:60%}.animals-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.animals-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.animals-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.animals-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.animals-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.animals-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.animals-page-card:hover:before{opacity:1}.animals-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.animals-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.animals-page-playing .animals-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.animals-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.animals-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.animals-page-card:hover .animals-page-image{transform:scale(1.05)}.animals-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.animals-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.animals-page-card:hover .animals-page-german-text:after{opacity:1;width:60px}.animals-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.animals-page-sentence-text,.animals-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.animals-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.animals-page-playing .animals-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.animals-page-playing .animals-page-translation-text{background:#00b4db33;color:#2d3748}.animals-page-playing .animals-page-sentence-text{background:#0000000d;color:#2d3748}.animals-page-card:hover .animals-page-volume-indicator{opacity:1}.animals-page-playing .animals-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.animals-page-volume-icon{color:#0083b0;font-size:12px}.animals-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.animals-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.animals-page-title{font-size:2.5rem;padding:0 20px}.animals-page-title:after,.animals-page-title:before{width:30px}.animals-page-title:hover:after,.animals-page-title:hover:before{width:40px}.animals-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.animals-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.animals-page-card{min-height:280px;padding:1.25rem .75rem}.animals-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.animals-page-container{padding-top:40px}.animals-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.animals-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.animals-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.animals-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.animals-page-image-wrapper{height:100px;width:100px}.animals-page-german-text{font-size:1.1rem}.animals-page-translation-text{font-size:.9rem}.animals-page-sentence-text{font-size:.8rem}}[lang=ta] .animals-page-german-text,[lang=ta] .animals-page-sentence-text,[lang=ta] .animals-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .animals-page-german-text,[lang=ar] .animals-page-sentence-text,[lang=ar] .animals-page-translation-text{font-family:Arial,sans-serif}.animals-page-grid::-webkit-scrollbar{height:10px;width:10px}.animals-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.animals-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.animals-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.birds-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.birds-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.birds-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.birds-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.birds-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.birds-page-title:after,.birds-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.birds-page-title:before{left:-20px}.birds-page-title:after{right:-20px}.birds-page-title:hover:after,.birds-page-title:hover:before{opacity:1;width:70px}.birds-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.birds-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.birds-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.birds-page-subtitle:hover:after{width:60%}.birds-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.birds-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.birds-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.birds-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.birds-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.birds-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.birds-page-card:hover:before{opacity:1}.birds-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.birds-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.birds-page-playing .birds-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.birds-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.birds-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.birds-page-card:hover .birds-page-image{transform:scale(1.05)}.birds-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.birds-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.birds-page-card:hover .birds-page-german-text:after{opacity:1;width:60px}.birds-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.birds-page-sentence-text,.birds-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.birds-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.birds-page-playing .birds-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.birds-page-playing .birds-page-translation-text{background:#00b4db33;color:#2d3748}.birds-page-playing .birds-page-sentence-text{background:#0000000d;color:#2d3748}.birds-page-card:hover .birds-page-volume-indicator{opacity:1}.birds-page-playing .birds-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.birds-page-volume-icon{color:#0083b0;font-size:12px}.birds-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.birds-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.birds-page-title{font-size:2.5rem;padding:0 20px}.birds-page-title:after,.birds-page-title:before{width:30px}.birds-page-title:hover:after,.birds-page-title:hover:before{width:40px}.birds-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.birds-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.birds-page-card{min-height:280px;padding:1.25rem .75rem}.birds-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.birds-page-container{padding-top:40px}.birds-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.birds-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.birds-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.birds-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.birds-page-image-wrapper{height:100px;width:100px}.birds-page-german-text{font-size:1.1rem}.birds-page-translation-text{font-size:.9rem}.birds-page-sentence-text{font-size:.8rem}}[lang=ta] .birds-page-german-text,[lang=ta] .birds-page-sentence-text,[lang=ta] .birds-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .birds-page-german-text,[lang=ar] .birds-page-sentence-text,[lang=ar] .birds-page-translation-text{font-family:Arial,sans-serif}.birds-page-grid::-webkit-scrollbar{height:10px;width:10px}.birds-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.birds-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.birds-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.body-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.body-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.body-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.body-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.body-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.body-page-title:after,.body-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.body-page-title:before{left:-20px}.body-page-title:after{right:-20px}.body-page-title:hover:after,.body-page-title:hover:before{opacity:1;width:70px}.body-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.body-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.body-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.body-page-subtitle:hover:after{width:60%}.body-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.body-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.body-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.body-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.body-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.body-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.body-page-card:hover:before{opacity:1}.body-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.body-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.body-page-playing .body-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.body-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.body-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.body-page-card:hover .body-page-image{transform:scale(1.05)}.body-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.body-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.body-page-card:hover .body-page-german-text:after{opacity:1;width:60px}.body-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.body-page-sentence-text,.body-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.body-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.body-page-playing .body-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.body-page-playing .body-page-translation-text{background:#00b4db33;color:#2d3748}.body-page-playing .body-page-sentence-text{background:#0000000d;color:#2d3748}.body-page-card:hover .body-page-volume-indicator{opacity:1}.body-page-playing .body-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.body-page-volume-icon{color:#0083b0;font-size:12px}.body-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.body-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.body-page-title{font-size:2.5rem;padding:0 20px}.body-page-title:after,.body-page-title:before{width:30px}.body-page-title:hover:after,.body-page-title:hover:before{width:40px}.body-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.body-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.body-page-card{min-height:280px;padding:1.25rem .75rem}.body-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.body-page-container{padding-top:40px}.body-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.body-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.body-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.body-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.body-page-image-wrapper{height:100px;width:100px}.body-page-german-text{font-size:1.1rem}.body-page-translation-text{font-size:.9rem}.body-page-sentence-text{font-size:.8rem}}[lang=ta] .body-page-german-text,[lang=ta] .body-page-sentence-text,[lang=ta] .body-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .body-page-german-text,[lang=ar] .body-page-sentence-text,[lang=ar] .body-page-translation-text{font-family:Arial,sans-serif}.body-page-grid::-webkit-scrollbar{height:10px;width:10px}.body-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.body-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.body-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.cloth-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.cloth-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.cloth-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.cloth-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.cloth-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.cloth-page-title:after,.cloth-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.cloth-page-title:before{left:-20px}.cloth-page-title:after{right:-20px}.cloth-page-title:hover:after,.cloth-page-title:hover:before{opacity:1;width:70px}.cloth-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.cloth-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.cloth-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.cloth-page-subtitle:hover:after{width:60%}.cloth-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.cloth-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.cloth-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.cloth-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.cloth-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.cloth-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.cloth-page-card:hover:before{opacity:1}.cloth-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.cloth-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.cloth-page-playing .cloth-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.cloth-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.cloth-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.cloth-page-card:hover .cloth-page-image{transform:scale(1.05)}.cloth-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.cloth-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.cloth-page-card:hover .cloth-page-german-text:after{opacity:1;width:60px}.cloth-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.cloth-page-sentence-text,.cloth-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.cloth-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.cloth-page-playing .cloth-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.cloth-page-playing .cloth-page-translation-text{background:#00b4db33;color:#2d3748}.cloth-page-playing .cloth-page-sentence-text{background:#0000000d;color:#2d3748}.cloth-page-card:hover .cloth-page-volume-indicator{opacity:1}.cloth-page-playing .cloth-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.cloth-page-volume-icon{color:#0083b0;font-size:12px}.cloth-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.cloth-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.cloth-page-title{font-size:2.5rem;padding:0 20px}.cloth-page-title:after,.cloth-page-title:before{width:30px}.cloth-page-title:hover:after,.cloth-page-title:hover:before{width:40px}.cloth-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.cloth-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.cloth-page-card{min-height:280px;padding:1.25rem .75rem}.cloth-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.cloth-page-container{padding-top:40px}.cloth-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.cloth-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.cloth-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.cloth-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.cloth-page-image-wrapper{height:100px;width:100px}.cloth-page-german-text{font-size:1.1rem}.cloth-page-translation-text{font-size:.9rem}.cloth-page-sentence-text{font-size:.8rem}}[lang=ta] .cloth-page-german-text,[lang=ta] .cloth-page-sentence-text,[lang=ta] .cloth-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .cloth-page-german-text,[lang=ar] .cloth-page-sentence-text,[lang=ar] .cloth-page-translation-text{font-family:Arial,sans-serif}.cloth-page-grid::-webkit-scrollbar{height:10px;width:10px}.cloth-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.cloth-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.cloth-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.days-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.days-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.days-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.days-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.days-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.days-page-title:after,.days-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.days-page-title:before{left:-20px}.days-page-title:after{right:-20px}.days-page-title:hover:after,.days-page-title:hover:before{opacity:1;width:70px}.days-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.days-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.days-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.days-page-subtitle:hover:after{width:60%}.days-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.days-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.days-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 220px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.days-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.days-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.days-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.days-page-card:hover:before{opacity:1}.days-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.days-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.days-page-playing .days-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.days-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.days-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.days-page-card:hover .days-page-image{transform:scale(1.05)}.days-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.days-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.days-page-card:hover .days-page-german-text:after{opacity:1;width:60px}.days-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.days-page-sentence-text,.days-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.days-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.days-page-playing .days-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.days-page-playing .days-page-translation-text{background:#00b4db33;color:#2d3748}.days-page-playing .days-page-sentence-text{background:#0000000d;color:#2d3748}.days-page-card:hover .days-page-volume-indicator{opacity:1}.days-page-playing .days-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.days-page-volume-icon{color:#0083b0;font-size:12px}.days-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.days-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.days-page-title{font-size:2.5rem;padding:0 20px}.days-page-title:after,.days-page-title:before{width:30px}.days-page-title:hover:after,.days-page-title:hover:before{width:40px}.days-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.days-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.days-page-card{padding:1.25rem .75rem}.days-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.days-page-container{padding-top:40px}.days-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.days-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.days-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.days-page-card{border-radius:14px;padding:1rem .5rem}.days-page-image-wrapper{height:100px;width:100px}.days-page-german-text{font-size:1.1rem}.days-page-translation-text{font-size:.9rem}.days-page-sentence-text{font-size:.8rem}}[lang=ta] .days-page-german-text,[lang=ta] .days-page-sentence-text,[lang=ta] .days-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .days-page-german-text,[lang=ar] .days-page-sentence-text,[lang=ar] .days-page-translation-text{font-family:Arial,sans-serif}.days-page-grid::-webkit-scrollbar{height:10px;width:10px}.days-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.days-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.days-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.directions-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.directions-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.directions-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.directions-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.directions-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.directions-page-title:after,.directions-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.directions-page-title:before{left:-20px}.directions-page-title:after{right:-20px}.directions-page-title:hover:after,.directions-page-title:hover:before{opacity:1;width:70px}.directions-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.directions-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.directions-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.directions-page-subtitle:hover:after{width:60%}.directions-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.directions-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.directions-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.directions-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.directions-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.directions-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.directions-page-card:hover:before{opacity:1}.directions-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.directions-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.directions-page-playing .directions-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.directions-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.directions-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.directions-page-card:hover .directions-page-image{transform:scale(1.05)}.directions-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.directions-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.directions-page-card:hover .directions-page-german-text:after{opacity:1;width:60px}.directions-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.directions-page-sentence-text,.directions-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.directions-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.directions-page-playing .directions-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.directions-page-playing .directions-page-translation-text{background:#00b4db33;color:#2d3748}.directions-page-playing .directions-page-sentence-text{background:#0000000d;color:#2d3748}.directions-page-card:hover .directions-page-volume-indicator{opacity:1}.directions-page-playing .directions-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.directions-page-volume-icon{color:#0083b0;font-size:12px}.directions-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.directions-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.directions-page-title{font-size:2.5rem;padding:0 20px}.directions-page-title:after,.directions-page-title:before{width:30px}.directions-page-title:hover:after,.directions-page-title:hover:before{width:40px}.directions-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.directions-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.directions-page-card{min-height:280px;padding:1.25rem .75rem}.directions-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.directions-page-container{padding-top:40px}.directions-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.directions-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.directions-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.directions-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.directions-page-image-wrapper{height:100px;width:100px}.directions-page-german-text{font-size:1.1rem}.directions-page-translation-text{font-size:.9rem}.directions-page-sentence-text{font-size:.8rem}}[lang=ta] .directions-page-german-text,[lang=ta] .directions-page-sentence-text,[lang=ta] .directions-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .directions-page-german-text,[lang=ar] .directions-page-sentence-text,[lang=ar] .directions-page-translation-text{font-family:Arial,sans-serif}.directions-page-grid::-webkit-scrollbar{height:10px;width:10px}.directions-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.directions-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.directions-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.drinks-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.drinks-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.drinks-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.drinks-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.drinks-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.drinks-page-title:after,.drinks-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.drinks-page-title:before{left:-20px}.drinks-page-title:after{right:-20px}.drinks-page-title:hover:after,.drinks-page-title:hover:before{opacity:1;width:70px}.drinks-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.drinks-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.drinks-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.drinks-page-subtitle:hover:after{width:60%}.drinks-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.drinks-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.drinks-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.drinks-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.drinks-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.drinks-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.drinks-page-card:hover:before{opacity:1}.drinks-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.drinks-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.drinks-page-playing .drinks-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.drinks-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.drinks-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.drinks-page-card:hover .drinks-page-image{transform:scale(1.05)}.drinks-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.drinks-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.drinks-page-card:hover .drinks-page-german-text:after{opacity:1;width:60px}.drinks-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.drinks-page-sentence-text,.drinks-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.drinks-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.drinks-page-playing .drinks-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.drinks-page-playing .drinks-page-translation-text{background:#00b4db33;color:#2d3748}.drinks-page-playing .drinks-page-sentence-text{background:#0000000d;color:#2d3748}.drinks-page-card:hover .drinks-page-volume-indicator{opacity:1}.drinks-page-playing .drinks-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.drinks-page-volume-icon{color:#0083b0;font-size:12px}.drinks-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.drinks-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.drinks-page-title{font-size:2.5rem;padding:0 20px}.drinks-page-title:after,.drinks-page-title:before{width:30px}.drinks-page-title:hover:after,.drinks-page-title:hover:before{width:40px}.drinks-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.drinks-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.drinks-page-card{min-height:280px;padding:1.25rem .75rem}.drinks-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.drinks-page-container{padding-top:40px}.drinks-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.drinks-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.drinks-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.drinks-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.drinks-page-image-wrapper{height:100px;width:100px}.drinks-page-german-text{font-size:1.1rem}.drinks-page-translation-text{font-size:.9rem}.drinks-page-sentence-text{font-size:.8rem}}[lang=ta] .drinks-page-german-text,[lang=ta] .drinks-page-sentence-text,[lang=ta] .drinks-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .drinks-page-german-text,[lang=ar] .drinks-page-sentence-text,[lang=ar] .drinks-page-translation-text{font-family:Arial,sans-serif}.drinks-page-grid::-webkit-scrollbar{height:10px;width:10px}.drinks-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.drinks-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.drinks-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.emotion-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.emotion-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.emotion-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.emotion-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.emotion-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.emotion-page-title:after,.emotion-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.emotion-page-title:before{left:-20px}.emotion-page-title:after{right:-20px}.emotion-page-title:hover:after,.emotion-page-title:hover:before{opacity:1;width:70px}.emotion-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.emotion-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.emotion-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.emotion-page-subtitle:hover:after{width:60%}.emotion-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.emotion-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.emotion-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.emotion-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.emotion-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.emotion-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.emotion-page-card:hover:before{opacity:1}.emotion-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.emotion-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.emotion-page-playing .emotion-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.emotion-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.emotion-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.emotion-page-card:hover .emotion-page-image{transform:scale(1.05)}.emotion-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.emotion-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.emotion-page-card:hover .emotion-page-german-text:after{opacity:1;width:60px}.emotion-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.emotion-page-sentence-text,.emotion-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.emotion-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.emotion-page-playing .emotion-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.emotion-page-playing .emotion-page-translation-text{background:#00b4db33;color:#2d3748}.emotion-page-playing .emotion-page-sentence-text{background:#0000000d;color:#2d3748}.emotion-page-card:hover .emotion-page-volume-indicator{opacity:1}.emotion-page-playing .emotion-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.emotion-page-volume-icon{color:#0083b0;font-size:12px}.emotion-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.emotion-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.emotion-page-title{font-size:2.5rem;padding:0 20px}.emotion-page-title:after,.emotion-page-title:before{width:30px}.emotion-page-title:hover:after,.emotion-page-title:hover:before{width:40px}.emotion-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.emotion-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.emotion-page-card{min-height:280px;padding:1.25rem .75rem}.emotion-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.emotion-page-container{padding-top:40px}.emotion-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.emotion-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.emotion-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.emotion-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.emotion-page-image-wrapper{height:100px;width:100px}.emotion-page-german-text{font-size:1.1rem}.emotion-page-translation-text{font-size:.9rem}.emotion-page-sentence-text{font-size:.8rem}}[lang=ta] .emotion-page-german-text,[lang=ta] .emotion-page-sentence-text,[lang=ta] .emotion-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .emotion-page-german-text,[lang=ar] .emotion-page-sentence-text,[lang=ar] .emotion-page-translation-text{font-family:Arial,sans-serif}.emotion-page-grid::-webkit-scrollbar{height:10px;width:10px}.emotion-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.emotion-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.emotion-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.family-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.family-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.family-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.family-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.family-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.family-page-title:after,.family-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.family-page-title:before{left:-20px}.family-page-title:after{right:-20px}.family-page-title:hover:after,.family-page-title:hover:before{opacity:1;width:70px}.family-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.family-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.family-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.family-page-subtitle:hover:after{width:60%}.family-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.family-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.family-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.family-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.family-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.family-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.family-page-card:hover:before{opacity:1}.family-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.family-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.family-page-playing .family-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.family-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.family-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.family-page-card:hover .family-page-image{transform:scale(1.05)}.family-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.family-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.family-page-card:hover .family-page-german-text:after{opacity:1;width:60px}.family-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.family-page-sentence-text,.family-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.family-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.family-page-playing .family-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.family-page-playing .family-page-translation-text{background:#00b4db33;color:#2d3748}.family-page-playing .family-page-sentence-text{background:#0000000d;color:#2d3748}.family-page-card:hover .family-page-volume-indicator{opacity:1}.family-page-playing .family-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.family-page-volume-icon{color:#0083b0;font-size:12px}.family-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.family-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.family-page-title{font-size:2.5rem;padding:0 20px}.family-page-title:after,.family-page-title:before{width:30px}.family-page-title:hover:after,.family-page-title:hover:before{width:40px}.family-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.family-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.family-page-card{min-height:280px;padding:1.25rem .75rem}.family-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.family-page-container{padding-top:40px}.family-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.family-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.family-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.family-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.family-page-image-wrapper{height:100px;width:100px}.family-page-german-text{font-size:1.1rem}.family-page-translation-text{font-size:.9rem}.family-page-sentence-text{font-size:.8rem}}[lang=ta] .family-page-german-text,[lang=ta] .family-page-sentence-text,[lang=ta] .family-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .family-page-german-text,[lang=ar] .family-page-sentence-text,[lang=ar] .family-page-translation-text{font-family:Arial,sans-serif}.family-page-grid::-webkit-scrollbar{height:10px;width:10px}.family-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.family-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.family-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.food-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.food-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.food-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.food-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.food-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.food-page-title:after,.food-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.food-page-title:before{left:-20px}.food-page-title:after{right:-20px}.food-page-title:hover:after,.food-page-title:hover:before{opacity:1;width:70px}.food-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.food-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.food-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.food-page-subtitle:hover:after{width:60%}.food-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.food-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.food-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.food-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.food-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.food-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.food-page-card:hover:before{opacity:1}.food-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.food-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.food-page-playing .food-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.food-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.food-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.food-page-card:hover .food-page-image{transform:scale(1.05)}.food-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.food-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.food-page-card:hover .food-page-german-text:after{opacity:1;width:60px}.food-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.food-page-sentence-text,.food-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.food-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.food-page-playing .food-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.food-page-playing .food-page-translation-text{background:#00b4db33;color:#2d3748}.food-page-playing .food-page-sentence-text{background:#0000000d;color:#2d3748}.food-page-card:hover .food-page-volume-indicator{opacity:1}.food-page-playing .food-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.food-page-volume-icon{color:#0083b0;font-size:12px}.food-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.food-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.food-page-title{font-size:2.5rem;padding:0 20px}.food-page-title:after,.food-page-title:before{width:30px}.food-page-title:hover:after,.food-page-title:hover:before{width:40px}.food-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.food-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.food-page-card{min-height:280px;padding:1.25rem .75rem}.food-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.food-page-container{padding-top:40px}.food-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.food-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.food-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.food-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.food-page-image-wrapper{height:100px;width:100px}.food-page-german-text{font-size:1.1rem}.food-page-translation-text{font-size:.9rem}.food-page-sentence-text{font-size:.8rem}}[lang=ta] .food-page-german-text,[lang=ta] .food-page-sentence-text,[lang=ta] .food-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .food-page-german-text,[lang=ar] .food-page-sentence-text,[lang=ar] .food-page-translation-text{font-family:Arial,sans-serif}.food-page-grid::-webkit-scrollbar{height:10px;width:10px}.food-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.food-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.food-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.fruits-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.fruits-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.fruits-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.fruits-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.fruits-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.fruits-page-title:after,.fruits-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.fruits-page-title:before{left:-20px}.fruits-page-title:after{right:-20px}.fruits-page-title:hover:after,.fruits-page-title:hover:before{opacity:1;width:70px}.fruits-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.fruits-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.fruits-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.fruits-page-subtitle:hover:after{width:60%}.fruits-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.fruits-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.fruits-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.fruits-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.fruits-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.fruits-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.fruits-page-card:hover:before{opacity:1}.fruits-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.fruits-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.fruits-page-playing .fruits-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.fruits-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.fruits-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.fruits-page-card:hover .fruits-page-image{transform:scale(1.05)}.fruits-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.fruits-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.fruits-page-card:hover .fruits-page-german-text:after{opacity:1;width:60px}.fruits-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.fruits-page-sentence-text,.fruits-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.fruits-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.fruits-page-playing .fruits-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.fruits-page-playing .fruits-page-translation-text{background:#00b4db33;color:#2d3748}.fruits-page-playing .fruits-page-sentence-text{background:#0000000d;color:#2d3748}.fruits-page-card:hover .fruits-page-volume-indicator{opacity:1}.fruits-page-playing .fruits-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.fruits-page-volume-icon{color:#0083b0;font-size:12px}.fruits-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.fruits-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.fruits-page-title{font-size:2.5rem;padding:0 20px}.fruits-page-title:after,.fruits-page-title:before{width:30px}.fruits-page-title:hover:after,.fruits-page-title:hover:before{width:40px}.fruits-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.fruits-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.fruits-page-card{min-height:280px;padding:1.25rem .75rem}.fruits-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.fruits-page-container{padding-top:40px}.fruits-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.fruits-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.fruits-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.fruits-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.fruits-page-image-wrapper{height:100px;width:100px}.fruits-page-german-text{font-size:1.1rem}.fruits-page-translation-text{font-size:.9rem}.fruits-page-sentence-text{font-size:.8rem}}[lang=ta] .fruits-page-german-text,[lang=ta] .fruits-page-sentence-text,[lang=ta] .fruits-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .fruits-page-german-text,[lang=ar] .fruits-page-sentence-text,[lang=ar] .fruits-page-translation-text{font-family:Arial,sans-serif}.fruits-page-grid::-webkit-scrollbar{height:10px;width:10px}.fruits-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.fruits-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.fruits-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.furnitures-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.furnitures-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.furnitures-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.furnitures-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.furnitures-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.furnitures-page-title:after,.furnitures-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.furnitures-page-title:before{left:-20px}.furnitures-page-title:after{right:-20px}.furnitures-page-title:hover:after,.furnitures-page-title:hover:before{opacity:1;width:70px}.furnitures-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.furnitures-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.furnitures-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.furnitures-page-subtitle:hover:after{width:60%}.furnitures-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.furnitures-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.furnitures-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.furnitures-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.furnitures-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.furnitures-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.furnitures-page-card:hover:before{opacity:1}.furnitures-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.furnitures-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.furnitures-page-playing .furnitures-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.furnitures-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.furnitures-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.furnitures-page-card:hover .furnitures-page-image{transform:scale(1.05)}.furnitures-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.furnitures-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.furnitures-page-card:hover .furnitures-page-german-text:after{opacity:1;width:60px}.furnitures-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.furnitures-page-sentence-text,.furnitures-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.furnitures-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.furnitures-page-playing .furnitures-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.furnitures-page-playing .furnitures-page-translation-text{background:#00b4db33;color:#2d3748}.furnitures-page-playing .furnitures-page-sentence-text{background:#0000000d;color:#2d3748}.furnitures-page-card:hover .furnitures-page-volume-indicator{opacity:1}.furnitures-page-playing .furnitures-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.furnitures-page-volume-icon{color:#0083b0;font-size:12px}.furnitures-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.furnitures-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.furnitures-page-title{font-size:2.5rem;padding:0 20px}.furnitures-page-title:after,.furnitures-page-title:before{width:30px}.furnitures-page-title:hover:after,.furnitures-page-title:hover:before{width:40px}.furnitures-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.furnitures-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.furnitures-page-card{min-height:280px;padding:1.25rem .75rem}.furnitures-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.furnitures-page-container{padding-top:40px}.furnitures-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.furnitures-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.furnitures-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.furnitures-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.furnitures-page-image-wrapper{height:100px;width:100px}.furnitures-page-german-text{font-size:1.1rem}.furnitures-page-translation-text{font-size:.9rem}.furnitures-page-sentence-text{font-size:.8rem}}[lang=ta] .furnitures-page-german-text,[lang=ta] .furnitures-page-sentence-text,[lang=ta] .furnitures-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .furnitures-page-german-text,[lang=ar] .furnitures-page-sentence-text,[lang=ar] .furnitures-page-translation-text{font-family:Arial,sans-serif}.furnitures-page-grid::-webkit-scrollbar{height:10px;width:10px}.furnitures-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.furnitures-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.furnitures-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.hobbies-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.hobbies-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.hobbies-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.hobbies-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.hobbies-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.hobbies-page-title:after,.hobbies-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.hobbies-page-title:before{left:-20px}.hobbies-page-title:after{right:-20px}.hobbies-page-title:hover:after,.hobbies-page-title:hover:before{opacity:1;width:70px}.hobbies-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.hobbies-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.hobbies-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.hobbies-page-subtitle:hover:after{width:60%}.hobbies-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.hobbies-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.hobbies-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.hobbies-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.hobbies-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.hobbies-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.hobbies-page-card:hover:before{opacity:1}.hobbies-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.hobbies-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.hobbies-page-playing .hobbies-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.hobbies-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.hobbies-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.hobbies-page-card:hover .hobbies-page-image{transform:scale(1.05)}.hobbies-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.hobbies-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.hobbies-page-card:hover .hobbies-page-german-text:after{opacity:1;width:60px}.hobbies-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.hobbies-page-sentence-text,.hobbies-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.hobbies-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.hobbies-page-playing .hobbies-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.hobbies-page-playing .hobbies-page-translation-text{background:#00b4db33;color:#2d3748}.hobbies-page-playing .hobbies-page-sentence-text{background:#0000000d;color:#2d3748}.hobbies-page-card:hover .hobbies-page-volume-indicator{opacity:1}.hobbies-page-playing .hobbies-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.hobbies-page-volume-icon{color:#0083b0;font-size:12px}.hobbies-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.hobbies-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.hobbies-page-title{font-size:2.5rem;padding:0 20px}.hobbies-page-title:after,.hobbies-page-title:before{width:30px}.hobbies-page-title:hover:after,.hobbies-page-title:hover:before{width:40px}.hobbies-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.hobbies-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.hobbies-page-card{min-height:280px;padding:1.25rem .75rem}.hobbies-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.hobbies-page-container{padding-top:40px}.hobbies-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.hobbies-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.hobbies-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.hobbies-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.hobbies-page-image-wrapper{height:100px;width:100px}.hobbies-page-german-text{font-size:1.1rem}.hobbies-page-translation-text{font-size:.9rem}.hobbies-page-sentence-text{font-size:.8rem}}[lang=ta] .hobbies-page-german-text,[lang=ta] .hobbies-page-sentence-text,[lang=ta] .hobbies-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .hobbies-page-german-text,[lang=ar] .hobbies-page-sentence-text,[lang=ar] .hobbies-page-translation-text{font-family:Arial,sans-serif}.hobbies-page-grid::-webkit-scrollbar{height:10px;width:10px}.hobbies-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.hobbies-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.hobbies-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.months-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.months-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.months-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.months-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.months-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.months-page-title:after,.months-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.months-page-title:before{left:-20px}.months-page-title:after{right:-20px}.months-page-title:hover:after,.months-page-title:hover:before{opacity:1;width:70px}.months-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.months-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.months-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.months-page-subtitle:hover:after{width:60%}.months-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.months-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.months-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 220px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.months-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.months-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.months-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.months-page-card:hover:before{opacity:1}.months-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.months-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.months-page-playing .months-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.months-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.months-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.months-page-card:hover .months-page-image{transform:scale(1.05)}.months-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.months-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.months-page-card:hover .months-page-german-text:after{opacity:1;width:60px}.months-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.months-page-sentence-text,.months-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.months-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.months-page-playing .months-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.months-page-playing .months-page-translation-text{background:#00b4db33;color:#2d3748}.months-page-playing .months-page-sentence-text{background:#0000000d;color:#2d3748}.months-page-card:hover .months-page-volume-indicator{opacity:1}.months-page-playing .months-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.months-page-volume-icon{color:#0083b0;font-size:12px}.months-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.months-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.months-page-title{font-size:2.5rem;padding:0 20px}.months-page-title:after,.months-page-title:before{width:30px}.months-page-title:hover:after,.months-page-title:hover:before{width:40px}.months-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.months-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.months-page-card{padding:1.25rem .75rem}.months-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.months-page-container{padding-top:40px}.months-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.months-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.months-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.months-page-card{border-radius:14px;padding:1rem .5rem}.months-page-image-wrapper{height:100px;width:100px}.months-page-german-text{font-size:1.1rem}.months-page-translation-text{font-size:.9rem}.months-page-sentence-text{font-size:.8rem}}[lang=ta] .months-page-german-text,[lang=ta] .months-page-sentence-text,[lang=ta] .months-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .months-page-german-text,[lang=ar] .months-page-sentence-text,[lang=ar] .months-page-translation-text{font-family:Arial,sans-serif}.months-page-grid::-webkit-scrollbar{height:10px;width:10px}.months-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.months-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.months-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.profession-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.profession-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.profession-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.profession-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.profession-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.profession-page-title:after,.profession-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.profession-page-title:before{left:-20px}.profession-page-title:after{right:-20px}.profession-page-title:hover:after,.profession-page-title:hover:before{opacity:1;width:70px}.profession-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.profession-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.profession-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.profession-page-subtitle:hover:after{width:60%}.profession-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.profession-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.profession-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.profession-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.profession-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.profession-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.profession-page-card:hover:before{opacity:1}.profession-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.profession-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.profession-page-playing .profession-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.profession-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.profession-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.profession-page-card:hover .profession-page-image{transform:scale(1.05)}.profession-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.profession-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.profession-page-card:hover .profession-page-german-text:after{opacity:1;width:60px}.profession-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.profession-page-sentence-text,.profession-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.profession-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.profession-page-playing .profession-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.profession-page-playing .profession-page-translation-text{background:#00b4db33;color:#2d3748}.profession-page-playing .profession-page-sentence-text{background:#0000000d;color:#2d3748}.profession-page-card:hover .profession-page-volume-indicator{opacity:1}.profession-page-playing .profession-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.profession-page-volume-icon{color:#0083b0;font-size:12px}.profession-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.profession-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.profession-page-title{font-size:2.5rem;padding:0 20px}.profession-page-title:after,.profession-page-title:before{width:30px}.profession-page-title:hover:after,.profession-page-title:hover:before{width:40px}.profession-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.profession-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.profession-page-card{min-height:280px;padding:1.25rem .75rem}.profession-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.profession-page-container{padding-top:40px}.profession-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.profession-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.profession-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.profession-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.profession-page-image-wrapper{height:100px;width:100px}.profession-page-german-text{font-size:1.1rem}.profession-page-translation-text{font-size:.9rem}.profession-page-sentence-text{font-size:.8rem}}[lang=ta] .profession-page-german-text,[lang=ta] .profession-page-sentence-text,[lang=ta] .profession-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .profession-page-german-text,[lang=ar] .profession-page-sentence-text,[lang=ar] .profession-page-translation-text{font-family:Arial,sans-serif}.profession-page-grid::-webkit-scrollbar{height:10px;width:10px}.profession-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.profession-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.profession-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.seasons-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.seasons-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.seasons-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.seasons-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.seasons-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.seasons-page-title:after,.seasons-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.seasons-page-title:before{left:-20px}.seasons-page-title:after{right:-20px}.seasons-page-title:hover:after,.seasons-page-title:hover:before{opacity:1;width:70px}.seasons-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.seasons-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.seasons-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.seasons-page-subtitle:hover:after{width:60%}.seasons-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.seasons-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.seasons-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 220px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.seasons-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.seasons-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.seasons-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.seasons-page-card:hover:before{opacity:1}.seasons-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.seasons-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.seasons-page-playing .seasons-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.seasons-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.seasons-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.seasons-page-card:hover .seasons-page-image{transform:scale(1.05)}.seasons-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.seasons-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.seasons-page-card:hover .seasons-page-german-text:after{opacity:1;width:60px}.seasons-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.seasons-page-sentence-text,.seasons-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.seasons-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.seasons-page-playing .seasons-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.seasons-page-playing .seasons-page-translation-text{background:#00b4db33;color:#2d3748}.seasons-page-playing .seasons-page-sentence-text{background:#0000000d;color:#2d3748}.seasons-page-card:hover .seasons-page-volume-indicator{opacity:1}.seasons-page-playing .seasons-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.seasons-page-volume-icon{color:#0083b0;font-size:12px}.seasons-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.seasons-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.seasons-page-title{font-size:2.5rem;padding:0 20px}.seasons-page-title:after,.seasons-page-title:before{width:30px}.seasons-page-title:hover:after,.seasons-page-title:hover:before{width:40px}.seasons-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.seasons-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.seasons-page-card{padding:1.25rem .75rem}.seasons-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.seasons-page-container{padding-top:40px}.seasons-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.seasons-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.seasons-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.seasons-page-card{border-radius:14px;padding:1rem .5rem}.seasons-page-image-wrapper{height:100px;width:100px}.seasons-page-german-text{font-size:1.1rem}.seasons-page-translation-text{font-size:.9rem}.seasons-page-sentence-text{font-size:.8rem}}[lang=ta] .seasons-page-german-text,[lang=ta] .seasons-page-sentence-text,[lang=ta] .seasons-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .seasons-page-german-text,[lang=ar] .seasons-page-sentence-text,[lang=ar] .seasons-page-translation-text{font-family:Arial,sans-serif}.seasons-page-grid::-webkit-scrollbar{height:10px;width:10px}.seasons-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.seasons-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.seasons-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.sports-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.sports-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.sports-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.sports-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.sports-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.sports-page-title:after,.sports-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.sports-page-title:before{left:-20px}.sports-page-title:after{right:-20px}.sports-page-title:hover:after,.sports-page-title:hover:before{opacity:1;width:70px}.sports-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.sports-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.sports-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.sports-page-subtitle:hover:after{width:60%}.sports-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.sports-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.sports-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.sports-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.sports-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.sports-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.sports-page-card:hover:before{opacity:1}.sports-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.sports-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.sports-page-playing .sports-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.sports-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.sports-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.sports-page-card:hover .sports-page-image{transform:scale(1.05)}.sports-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.sports-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.sports-page-card:hover .sports-page-german-text:after{opacity:1;width:60px}.sports-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.sports-page-sentence-text,.sports-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.sports-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.sports-page-playing .sports-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.sports-page-playing .sports-page-translation-text{background:#00b4db33;color:#2d3748}.sports-page-playing .sports-page-sentence-text{background:#0000000d;color:#2d3748}.sports-page-card:hover .sports-page-volume-indicator{opacity:1}.sports-page-playing .sports-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.sports-page-volume-icon{color:#0083b0;font-size:12px}.sports-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.sports-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.sports-page-title{font-size:2.5rem;padding:0 20px}.sports-page-title:after,.sports-page-title:before{width:30px}.sports-page-title:hover:after,.sports-page-title:hover:before{width:40px}.sports-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.sports-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.sports-page-card{min-height:280px;padding:1.25rem .75rem}.sports-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.sports-page-container{padding-top:40px}.sports-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.sports-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.sports-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.sports-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.sports-page-image-wrapper{height:100px;width:100px}.sports-page-german-text{font-size:1.1rem}.sports-page-translation-text{font-size:.9rem}.sports-page-sentence-text{font-size:.8rem}}[lang=ta] .sports-page-german-text,[lang=ta] .sports-page-sentence-text,[lang=ta] .sports-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .sports-page-german-text,[lang=ar] .sports-page-sentence-text,[lang=ar] .sports-page-translation-text{font-family:Arial,sans-serif}.sports-page-grid::-webkit-scrollbar{height:10px;width:10px}.sports-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.sports-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.sports-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.time-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.time-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.time-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.time-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.time-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.time-page-title:after,.time-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.time-page-title:before{left:-20px}.time-page-title:after{right:-20px}.time-page-title:hover:after,.time-page-title:hover:before{opacity:1;width:70px}.time-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.time-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.time-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.time-page-subtitle:hover:after{width:60%}.time-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.time-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.time-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 220px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.time-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.time-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.time-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.time-page-card:hover:before{opacity:1}.time-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.time-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.time-page-playing .time-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.time-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.time-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.time-page-card:hover .time-page-image{transform:scale(1.05)}.time-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.time-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.time-page-card:hover .time-page-german-text:after{opacity:1;width:60px}.time-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.time-page-sentence-text,.time-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.time-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.time-page-playing .time-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.time-page-playing .time-page-translation-text{background:#00b4db33;color:#2d3748}.time-page-playing .time-page-sentence-text{background:#0000000d;color:#2d3748}.time-page-card:hover .time-page-volume-indicator{opacity:1}.time-page-playing .time-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.time-page-volume-icon{color:#0083b0;font-size:12px}.time-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.time-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.time-page-title{font-size:2.5rem;padding:0 20px}.time-page-title:after,.time-page-title:before{width:30px}.time-page-title:hover:after,.time-page-title:hover:before{width:40px}.time-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.time-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.time-page-card{padding:1.25rem .75rem}.time-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.time-page-container{padding-top:40px}.time-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.time-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.time-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.time-page-card{border-radius:14px;padding:1rem .5rem}.time-page-image-wrapper{height:100px;width:100px}.time-page-german-text{font-size:1.1rem}.time-page-translation-text{font-size:.9rem}.time-page-sentence-text{font-size:.8rem}}[lang=ta] .time-page-german-text,[lang=ta] .time-page-sentence-text,[lang=ta] .time-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .time-page-german-text,[lang=ar] .time-page-sentence-text,[lang=ar] .time-page-translation-text{font-family:Arial,sans-serif}.time-page-grid::-webkit-scrollbar{height:10px;width:10px}.time-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.time-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.time-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.transport-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.transport-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.transport-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.transport-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.transport-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.transport-page-title:after,.transport-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.transport-page-title:before{left:-20px}.transport-page-title:after{right:-20px}.transport-page-title:hover:after,.transport-page-title:hover:before{opacity:1;width:70px}.transport-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}.transport-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.transport-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.transport-page-subtitle:hover:after{width:60%}.transport-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.transport-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}.transport-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.transport-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.transport-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.transport-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.transport-page-card:hover:before{opacity:1}.transport-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}.transport-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.transport-page-playing .transport-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.transport-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.transport-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.transport-page-card:hover .transport-page-image{transform:scale(1.05)}.transport-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.transport-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.transport-page-card:hover .transport-page-german-text:after{opacity:1;width:60px}.transport-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.transport-page-sentence-text,.transport-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.transport-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.transport-page-playing .transport-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.transport-page-playing .transport-page-translation-text{background:#00b4db33;color:#2d3748}.transport-page-playing .transport-page-sentence-text{background:#0000000d;color:#2d3748}.transport-page-card:hover .transport-page-volume-indicator{opacity:1}.transport-page-playing .transport-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}.transport-page-volume-icon{color:#0083b0;font-size:12px}.transport-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.transport-page-playing:after{animation:ripple 1.5s ease-out infinite}@media (max-width:768px){.transport-page-title{font-size:2.5rem;padding:0 20px}.transport-page-title:after,.transport-page-title:before{width:30px}.transport-page-title:hover:after,.transport-page-title:hover:before{width:40px}.transport-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.transport-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.transport-page-card{min-height:280px;padding:1.25rem .75rem}.transport-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.transport-page-container{padding-top:40px}.transport-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.transport-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.transport-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.transport-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.transport-page-image-wrapper{height:100px;width:100px}.transport-page-german-text{font-size:1.1rem}.transport-page-translation-text{font-size:.9rem}.transport-page-sentence-text{font-size:.8rem}}[lang=ta] .transport-page-german-text,[lang=ta] .transport-page-sentence-text,[lang=ta] .transport-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .transport-page-german-text,[lang=ar] .transport-page-sentence-text,[lang=ar] .transport-page-translation-text{font-family:Arial,sans-serif}.transport-page-grid::-webkit-scrollbar{height:10px;width:10px}.transport-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.transport-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.transport-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.vegetables-page-container{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-sizing:border-box;display:flex;flex-direction:column;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;overflow:hidden;padding:60px 1rem 1rem;position:fixed;width:100%}.vegetables-page-header{margin-bottom:1rem;max-width:1500px;overflow:hidden;padding:0 1rem .5rem;position:relative;text-align:center;width:100%}.vegetables-page-header:before{animation:pulse 8s infinite alternate;background:radial-gradient(circle,#00b4db1a 0,#0083b000 70%);border-radius:50%;content:"";height:300px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:-1}.vegetables-page-title{animation:titleEntrance 1s ease-out forwards;color:#00b4db;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:20px;perspective:500px;position:relative;transform-style:preserve-3d;transition:all .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes titleEntrance{0%{opacity:0;transform:translateY(-50px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.vegetables-page-title:hover{color:#0083b0;text-shadow:0 6px 1px #0000001a,0 25px 25px #00000026;transform:translateY(-5px) rotateX(10deg)}.vegetables-page-title:after,.vegetables-page-title:before{background:linear-gradient(90deg,#00b4db,#0083b0);border-radius:2px;content:"";height:4px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px}.vegetables-page-title:before{left:-20px}.vegetables-page-title:after{right:-20px}.vegetables-page-title:hover:after,.vegetables-page-title:hover:before{opacity:1;width:70px}.vegetables-page-subtitle{animation:subtitleEntrance .8s ease-out .3s forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffb3;border:1px solid #00b4db33;border-radius:10px;box-shadow:0 5px 15px #0000000d;color:#4a5568;display:inline-block;font-size:1.6rem;font-weight:400;line-height:1.5;margin-top:-1rem;opacity:0;padding:.5rem 1.5rem;position:relative;transform:translateY(20px);transition:all .4s cubic-bezier(.165,.84,.44,1)}@keyframes subtitleEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vegetables-page-subtitle:hover{background:#ffffffe6;box-shadow:0 8px 25px #0000001a;color:#2d3748;transform:translateY(-3px)}.vegetables-page-subtitle:after{background:linear-gradient(90deg,#00b4db,#0083b0);bottom:5px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .4s ease;width:0}.vegetables-page-subtitle:hover:after{width:60%}.vegetables-page-loading{align-items:center;color:#2d3748;display:flex;flex-direction:column;font-size:1.5rem;height:50vh;justify-content:center;position:relative}.vegetables-page-loading:after{animation:spin 1s ease-in-out infinite;border:3px solid #0083b04d;border-radius:10%;border-top-color:#0083b0;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.vegetables-page-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:-1rem;max-height:calc(100vh - 180px);max-width:1500px;overflow-y:auto;overscroll-behavior:contain;perspective:1000px;scroll-behavior:smooth;width:100%}.vegetables-page-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;min-height:320px;overflow:hidden;padding:1.5rem 1rem;position:relative;text-align:center;transform-style:preserve-3d;transition:all .4s cubic-bezier(.25,.8,.25,1)}.vegetables-page-card:before{background:linear-gradient(135deg,#00b4db1a,#0083b01a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.vegetables-page-card:hover{background:#fffffffa;border-color:#00b4db4d;box-shadow:0 15px 30px -5px #00000026,0 10px 10px -5px #0000000a;transform:translateY(0) scale(1.02) rotateX(0deg)}.vegetables-page-card:hover:before{opacity:1}.vegetables-page-playing{animation:pulse 2s infinite,float 3s ease-in-out infinite;background:#fffffffa;border-color:#00b4db80;box-shadow:0 0 0 3px #00b4db33,0 15px 30px -5px #00b4db33;transform:translateY(0) scale(1) rotateY(0deg)}@keyframes pulse{0%{box-shadow:0 0 0 0 #00b4db66}70%{box-shadow:0 0 0 10px #00b4db00}to{box-shadow:0 0 0 0 #00b4db00}}@keyframes float{0%{transform:translateY(0) scale(1.03) rotateY(0deg)}50%{transform:translateY(0) scale(1.03) rotateY(0deg)}to{transform:translateY(0) scale(1.03) rotateY(0deg)}}.vegetables-page-image-wrapper{align-items:center;background:#fff;border:3px solid #fffc;border-radius:10%;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;margin:0 auto 5px;overflow:hidden;position:relative;transition:all .3s ease;width:150px}.vegetables-page-playing .vegetables-page-image-wrapper{border-color:#00b4db99;box-shadow:0 0 20px #00b4db66;transform:scale(1.1)}.vegetables-page-image-wrapper:after{border-radius:10%;bottom:0;box-shadow:inset 0 0 10px #0000001a;content:"";left:0;position:absolute;right:0;top:0}.vegetables-page-image{height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:transform .3s ease;width:auto}.vegetables-page-card:hover .vegetables-page-image{transform:scale(1.05)}.vegetables-page-german-text{color:#00b4db;display:inline-block;font-size:1.4rem;font-weight:700;margin-bottom:.5rem;position:relative;text-shadow:0 1px 2px #0000001a;transition:all .3s ease}.vegetables-page-german-text:after{background:#00b4db;bottom:-5px;content:"";height:2px;left:50%;opacity:.5;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:40px}.vegetables-page-card:hover .vegetables-page-german-text:after{opacity:1;width:60px}.vegetables-page-translation-text{background:#00b4db1a;border-radius:10px;display:inline-block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;padding:.2rem .5rem}.vegetables-page-sentence-text,.vegetables-page-translation-text{color:#4a5568;text-shadow:0 1px 1px #0000001a;transition:all .3s ease}.vegetables-page-sentence-text{background:#00000008;border-radius:8px;font-size:.95rem;font-weight:500;line-height:1.4;margin-top:.8rem;padding:.5rem}.vegetables-page-playing .vegetables-page-german-text{color:#0083b0;text-shadow:0 2px 5px #0083b033}.vegetables-page-playing .vegetables-page-translation-text{background:#00b4db33;color:#2d3748}.vegetables-page-playing .vegetables-page-sentence-text{background:#0000000d;color:#2d3748}.vegetables-page-card:hover .vegetables-page-volume-indicator{opacity:1}.vegetables-page-playing .vegetables-page-volume-indicator{animation:bounce .5s infinite alternate;background:#00b4db66;opacity:1}@keyframes bounce{0%{transform:scale(1)}to{transform:scale(1.2)}}.vegetables-page-volume-icon{color:#0083b0;font-size:12px}.vegetables-page-card:after{background:#ffffff80;border-radius:100%;content:"";height:5px;left:50%;opacity:0;position:absolute;top:50%;transform:scale(1) translate(-50%);transform-origin:50% 50%;width:5px}.vegetables-page-playing:after{animation:ripple 1.5s ease-out infinite}@keyframes ripple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(20)}}@media (max-width:768px){.vegetables-page-title{font-size:2.5rem;padding:0 20px}.vegetables-page-title:after,.vegetables-page-title:before{width:30px}.vegetables-page-title:hover:after,.vegetables-page-title:hover:before{width:40px}.vegetables-page-subtitle{font-size:1.3rem;padding:.4rem 1.2rem}.vegetables-page-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:15px}.vegetables-page-card{min-height:280px;padding:1.25rem .75rem}.vegetables-page-image-wrapper{height:120px;width:120px}}@media (max-width:480px){.vegetables-page-container{padding-top:40px}.vegetables-page-title{font-size:2rem;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px #0000001a,0 0 5px #0000001a,0 1px 3px #0000004d}.vegetables-page-subtitle{font-size:1.1rem;padding:.3rem 1rem}.vegetables-page-grid{gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));max-height:calc(100vh - 160px);padding:10px}.vegetables-page-card{border-radius:14px;min-height:250px;padding:1rem .5rem}.vegetables-page-image-wrapper{height:100px;width:100px}.vegetables-page-german-text{font-size:1.1rem}.vegetables-page-translation-text{font-size:.9rem}.vegetables-page-sentence-text{font-size:.8rem}}[lang=ta] .vegetables-page-german-text,[lang=ta] .vegetables-page-sentence-text,[lang=ta] .vegetables-page-translation-text{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar] .vegetables-page-german-text,[lang=ar] .vegetables-page-sentence-text,[lang=ar] .vegetables-page-translation-text{font-family:Arial,sans-serif}.vegetables-page-grid::-webkit-scrollbar{height:10px;width:10px}.vegetables-page-grid::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.vegetables-page-grid::-webkit-scrollbar-thumb{background:#00b4db80;border:2px solid #fffc;border-radius:10px}.vegetables-page-grid::-webkit-scrollbar-thumb:hover{background:#0083b0cc}.conversations-page-container{align-items:center;background:linear-gradient(280deg,#7494b0 10%,#fff 50%,#7494b0);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;min-height:100vh;overflow:hidden;padding-top:60px;position:fixed;right:0;top:0;width:100%}.conversations-page-header{margin-bottom:1rem;text-align:center;width:100%}.conversations-page-title{background:linear-gradient(190deg,#00acf6,#0192fa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:900;line-height:1;margin:8px 0;text-shadow:0 2px 3px #0000001a}.conversations-page-subtitle{color:#333;font-size:1.5rem;font-weight:500;line-height:1;margin:.5rem 0 0;opacity:.9}.conversations-page-loading{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;height:50vh;justify-content:center}.conversations-page-scroll-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 180px);overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 1rem;scroll-behavior:smooth;width:100%}.conversations-page-block-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 0 0 1px #ffffff1a;box-sizing:border-box;padding:1rem;transition:all .3s;width:100%}.conversations-page-block-header-container{background:#1e40afb3;border-radius:10px;box-sizing:border-box;margin-bottom:.75rem;padding:.75rem 1rem;width:100%}.conversations-page-block-header{color:#facc15;font-size:1.4rem;font-weight:700;margin:0}.conversations-page-block-header-translated{color:#a5b4fc;font-size:1.2rem;font-weight:600;margin:.5rem 0 0}.conversations-page-subheader-container{background:#0f172acc;border-radius:10px;box-sizing:border-box;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.conversations-page-block-subheader{color:#f1f5f9;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.conversations-page-block-subheader-translated{color:#a5b4fc;font-size:1.1rem;font-weight:500;margin:0}.conversations-page-dialog-container{box-sizing:border-box;display:flex;flex-direction:column;gap:.75rem;width:100%}.conversations-page-dialog-row{align-items:flex-start;background:#334155b3;border-radius:12px;box-sizing:border-box;cursor:pointer;display:flex;padding:.75rem;transition:all .2s ease;width:100%}.conversations-page-dialog-row:hover{background:#334155e6;transform:translateY(-2px)}.conversations-page-playing{background:#334155e6;border:2px solid #facc15;box-shadow:0 0 10px #facc154d}.conversations-page-small-image{border-radius:4px;flex-shrink:0;height:42px;margin-right:.75rem;object-fit:cover;width:34px}.conversations-page-dialog-content{flex:1 1;width:calc(100% - 50px)}.conversations-page-dialog-text{color:#f8fafc;font-size:1.1rem;font-weight:600;margin:0}.conversations-page-dialog-translation{color:#94a3b8;font-size:1rem;margin:.25rem 0 0}.conversations-page-scroll-container::-webkit-scrollbar{height:8px;width:8px}.conversations-page-scroll-container::-webkit-scrollbar-track{background:#fff3;border-radius:10px}.conversations-page-scroll-container::-webkit-scrollbar-thumb{background:#0f172a80;border-radius:10px}.conversations-page-scroll-container::-webkit-scrollbar-thumb:hover{background:#0f172ab3}[lang=ta] .conversations-page-block-header,[lang=ta] .conversations-page-block-header-translated,[lang=ta] .conversations-page-block-subheader,[lang=ta] .conversations-page-block-subheader-translated,[lang=ta] .conversations-page-dialog-text,[lang=ta] .conversations-page-dialog-translation{font-family:Latha,Arial Unicode MS,sans-serif}[lang=ar]{direction:rtl}@media (max-width:480px){.conversations-page-title{font-size:1.8rem}.conversations-page-subtitle{font-size:1rem}.conversations-page-small-image{height:36px;width:28px}.conversations-page-dialog-content{width:calc(100% - 40px)}}.a1grammar-wrapper{align-items:center;background:linear-gradient(280deg,#7494b0 10%,#fff 50%,#7494b0);display:flex;flex-direction:column;min-height:100vh;padding:50px 1rem 1rem}.a1grammar-header{margin-bottom:2rem;max-width:1500px;text-align:center}.a1grammar-title{background:linear-gradient(190deg,#00acf6,#0192fa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:900;line-height:1;margin:8}.a1grammar-subtitle{color:#333;font-size:1.5rem;font-weight:500;line-height:1;margin:-20px 0 0}.a1grammar-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:-10px;max-width:1500px}.a1grammar-card,.a1grammar-grid{box-sizing:border-box;width:100%}.a1grammar-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1e293bb3;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px 0 #0f172a5e;cursor:pointer;display:flex;justify-content:center;padding:2rem;transition:transform .2s ease}.a1grammar-card:hover{border-color:#fbbf244d;box-shadow:0 12px 40px 0 #0f172a80;transform:translateY(-5px)}.a1grammar-texts{text-align:center}.a1grammar-texts h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.a1grammar-texts p{color:#f1f5f9;font-size:1.1rem;font-weight:600;margin-top:.5rem}@media (max-width:768px){.a1grammar-grid{grid-template-columns:1fr;padding:0}.a1grammar-title{font-size:2rem}.a1grammar-subtitle{font-size:1.2rem}}.nouns-page-container{align-items:center;background:linear-gradient(280deg,#7494b0 10%,#fff 50%,#7494b0);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;min-height:100vh;overflow:hidden;padding-top:60px;position:fixed;right:0;top:0;width:100%}.nouns-page-header{margin-bottom:1rem;text-align:center;width:100%}.nouns-page-title{background:linear-gradient(190deg,#00acf6,#0192fa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:900;line-height:1;margin:8px 0;text-shadow:0 2px 3px #0000001a}.nouns-page-subtitle{color:#333;font-size:1.5rem;font-weight:500;line-height:1;margin:.5rem 0 0;opacity:.9}.nouns-page-loading{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;height:50vh;justify-content:center}.nouns-page-scroll-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 180px);overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 1rem;scroll-behavior:smooth;width:100%}.nouns-page-block-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 0 0 1px #ffffff1a;box-sizing:border-box;padding:1rem;transition:all .3s;width:100%}.nouns-page-block-header-container{background:#1e40afb3;border-radius:10px;box-sizing:border-box;margin-bottom:.75rem;padding:.75rem 1rem;width:100%}.nouns-page-block-header{color:#facc15;font-size:1.4rem;font-weight:700;margin:0}.nouns-page-subheader-container{background:#0f172acc;border-radius:10px;box-sizing:border-box;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.nouns-page-block-subheader{color:#f1f5f9;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.nouns-page-content-container{background:#334155b3;border-radius:10px;box-sizing:border-box;padding:.75rem 1rem;width:100%}.nouns-page-split-layout{align-items:stretch;display:flex;gap:1rem;width:100%}.nouns-page-content-german{color:#f8fafc;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;margin:0;white-space:pre-line}.nouns-page-vertical-line{align-self:stretch;background:#fff;min-height:100%;opacity:.7;width:2px}.nouns-page-content-translated{color:#f8fafc;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;margin:0;white-space:pre-line}.nouns-page-pipe-header{color:#facc15;font-weight:700;margin:0 .5rem}.nouns-page-pipe-subheader{color:#f1f5f9;font-weight:700;margin:0 .5rem}@media (max-width:1024px){.nouns-page-split-layout{flex-direction:column;gap:1rem}.nouns-page-vertical-line{height:2px;margin:.5rem 0;width:100%}}@media (max-width:480px){.nouns-page-title{font-size:1.8rem}.nouns-page-subtitle{font-size:1rem}}.stories-page-container{align-items:center;background:linear-gradient(280deg,#7494b0 10%,#fff 50%,#7494b0);bottom:0;box-sizing:border-box;display:flex;flex-direction:column;left:0;min-height:100vh;overflow:hidden;padding-top:60px;position:fixed;right:0;top:0;width:100%}.stories-page-header{margin-bottom:1rem;text-align:center;width:100%}.stories-page-title{background:linear-gradient(190deg,#00acf6,#0192fa);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:900;line-height:1;margin:8;text-shadow:0 2px 3px #0000001a}.stories-page-subtitle{color:#333;font-size:1.5rem;font-weight:500;line-height:1;margin:-20px 0 0}.stories-page-loading{align-items:center;color:#2d3748;display:flex;font-size:1.5rem;height:50vh;justify-content:center}.stories-page-scroll-container{box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;max-height:calc(100vh - 180px);overflow-y:auto;overscroll-behavior:contain;padding:0 1rem 1rem;scroll-behavior:smooth;width:100%}.stories-page-block-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a99;border:1px solid #ffffff26;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 0 0 1px #ffffff1a;box-sizing:border-box;padding:1rem;transition:all .3s;width:100%}.stories-page-block-header-container{background:#1e40afb3;border-radius:10px;box-sizing:border-box;margin-bottom:.75rem;padding:.75rem 1rem;width:100%}.stories-page-block-header{color:#facc15;font-size:1.4rem;font-weight:700;margin:0}.stories-page-block-header-translated{color:#a5b4fc;font-size:1.2rem;font-weight:600;margin:.5rem 0 0}.stories-page-subheader-container{background:#0f172acc;border-radius:10px;box-sizing:border-box;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.stories-page-block-subheader{color:#f1f5f9;font-size:1.2rem;font-weight:600;margin:0 0 .25rem}.stories-page-block-subheader-translated{color:#a5b4fc;font-size:1.1rem;font-weight:500;margin:0}.stories-page-dialog-container{display:flex;flex-direction:column;gap:.75rem;width:100%}.stories-page-dialog-row{background:#334155b3;border-radius:12px;box-sizing:border-box;cursor:pointer;padding:.75rem 1rem;transition:all .2s;width:100%}.stories-page-dialog-row:hover{background:#334155e6;transform:translateY(-2px)}.stories-page-playing{background:#334155e6;border:2px solid #facc15;box-shadow:0 0 10px #facc154d}.stories-page-dialog-content{flex:1 1}.stories-page-dialog-text{color:#f8fafc;font-size:1.1rem;font-weight:600;margin:0;white-space:pre-line}.stories-page-dialog-translation{color:#94a3b8;font-size:1rem;margin:.25rem 0 0;white-space:pre-line}@media (max-width:1024px){.stories-page-block-card{padding:.75rem}.stories-page-dialog-row{padding:.5rem .75rem}}@media (max-width:480px){.stories-page-title{font-size:1.8rem}.stories-page-subtitle{font-size:1rem}.stories-page-block-header{font-size:1.2rem}.stories-page-block-header-translated{font-size:1rem}}:root{--app-bg-top:#0d1526;--app-bg-mid:#0b1220;--app-bg-bottom:#0a1020;--glass-1:#ffffff14;--glass-2:#ffffff0f;--border:#ffffff1f;--text:#fffffff0;--muted:#ffffffa8;--shadow-soft:0 12px 30px #00000059}.tosPage{background:radial-gradient(circle at 18% 14%,#ffffff14,#0000 42%),radial-gradient(circle at 80% 22%,#ffffff0f,#0000 45%),radial-gradient(circle at 28% 78%,#ffffff0f,#0000 50%),radial-gradient(circle at 72% 72%,#ffffff0d,#0000 50%),radial-gradient(circle at 50% 40%,#2a86ff24,#0000 55%),linear-gradient(180deg,#0d1526,#0b1220 45%,#0a1020);background:radial-gradient(circle at 18% 14%,#ffffff14,#0000 42%),radial-gradient(circle at 80% 22%,#ffffff0f,#0000 45%),radial-gradient(circle at 28% 78%,#ffffff0f,#0000 50%),radial-gradient(circle at 72% 72%,#ffffff0d,#0000 50%),radial-gradient(circle at 50% 40%,#2a86ff24,#0000 55%),linear-gradient(180deg,var(--app-bg-top) 0,var(--app-bg-mid) 45%,var(--app-bg-bottom) 100%);box-sizing:border-box;font-family:Poppins,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:90px .25rem 1.5rem;width:100%}.tosContainer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(180deg,#ffffff14,#ffffff0f);background:linear-gradient(180deg,var(--glass-1),var(--glass-2));border:1px solid #ffffff1f;border:1px solid var(--border);border-radius:20px;box-shadow:0 12px 30px #00000059;box-shadow:var(--shadow-soft);margin:0 auto;max-width:1100px;overflow:hidden;padding:1.4rem;position:relative;width:100%}.tosContainer:before{background:radial-gradient(circle at 30% 30%,#2a86ff2e,#0000 55%),radial-gradient(circle at 75% 40%,#ffffff0d,#0000 55%),radial-gradient(circle at 35% 85%,#2a86ff1a,#0000 60%);content:"";inset:-60%;opacity:.9;pointer-events:none;position:absolute;transform:translate(12%,10%)}.tosTitle{color:#fffffff0;color:var(--text);font-size:2rem;letter-spacing:-.5px;margin:0 0 1rem;text-shadow:0 14px 28px #00000073}.tosContainer h2,.tosTitle{font-weight:800;position:relative;z-index:1}.tosContainer h2{color:#ffffffeb;font-size:1.15rem;letter-spacing:-.2px;margin-bottom:.5rem;margin-top:1.25rem}.tosContainer p{color:#ffffffa8;font-size:1rem;line-height:1.75;margin-bottom:.9rem;position:relative;z-index:1}.tosContainer strong{color:#ffffffeb}.tosContainer a{border-bottom:1px solid #2a86ff59;color:#2a86fff2;font-weight:700;position:relative;text-decoration:none;transition:filter .2s ease,border-color .2s ease;z-index:1}@media (hover:hover) and (pointer:fine){.tosContainer a:hover{border-bottom-color:#2a86ff99;filter:brightness(1.08)}}@media (max-width:768px){.tosPage{padding-bottom:1rem;padding-top:80px}.tosContainer{border-radius:16px;padding:1.1rem 1rem}.tosTitle{font-size:1.6rem}}
/*# sourceMappingURL=main.084d44b1.css.map*/