@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-telugu-telugu-400-normal.3ww3nzgcr8f_l.woff2)format("woff2"),url(../media/noto-sans-telugu-telugu-400-normal.1ddrxw3362a_d.woff)format("woff");unicode-range:U+951-952,U+964-965,U+C00-C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-telugu-latin-ext-400-normal.1m6qqtneznqbi.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-ext-400-normal.1gk7pom67n4cz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-telugu-latin-400-normal.3lpaer744gjo-.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-400-normal.0_dumuquyied9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-telugu-telugu-500-normal.0199y6e70qug-.woff2)format("woff2"),url(../media/noto-sans-telugu-telugu-500-normal.35c9pbyr_tmbm.woff)format("woff");unicode-range:U+951-952,U+964-965,U+C00-C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-telugu-latin-ext-500-normal.0d9guweaiwyeb.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-ext-500-normal.36nni--89u8qs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-telugu-latin-500-normal.13iajmp5pnon3.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-500-normal.05f03ugkkpikf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-telugu-telugu-600-normal.09n44ismxas19.woff2)format("woff2"),url(../media/noto-sans-telugu-telugu-600-normal.2qgfrt_n4k3i9.woff)format("woff");unicode-range:U+951-952,U+964-965,U+C00-C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-telugu-latin-ext-600-normal.2fq18ljdfb8hh.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-ext-600-normal.0l2pr97j1912z.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-telugu-latin-600-normal.3p-7ax0gn6vr8.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-600-normal.3_ty372bnhyvn.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-telugu-telugu-700-normal.3nkkgaxr_j-yd.woff2)format("woff2"),url(../media/noto-sans-telugu-telugu-700-normal.0e70n8s63ebpk.woff)format("woff");unicode-range:U+951-952,U+964-965,U+C00-C7F,U+1CDA,U+1CF2,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-telugu-latin-ext-700-normal.22xhz7xhv231d.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-ext-700-normal.3vjam61sk0-u_.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Telugu;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-telugu-latin-700-normal.43jpewf0r-srb.woff2)format("woff2"),url(../media/noto-sans-telugu-latin-700-normal.2rw_oomddtnjq.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--font-family:"Noto Sans Telugu", "Segoe UI", Roboto, "Helvetica Neue", -apple-system, sans-serif;--text-light:#f8fafc;--text-muted:#94a3b8;--bg-dark-main:#090d16;--bg-dark-card:#131b2e;--green-text:#4ade80;--gradient-btn:linear-gradient(135deg, #10b981, #059669);--border-light:#ffffff14;--dash-bg-color:#090d16;--dash-text-color:#f8fafc;--dash-underline:#ffffff14}body{font-family:var(--font-family);background-color:var(--bg-dark-main);color:var(--text-light);-webkit-font-smoothing:antialiased;line-height:1.5}.logo-icon-img{object-fit:contain;width:auto;height:45px;transition:transform .3s}.logo-container:hover .logo-icon-img{transform:scale(1.05)}@media (max-width:480px){.logo-icon-img{height:40px}.logo-brand-img{height:55px}.logo-container{gap:8px}}.nav-links li a{color:var(--text-muted);align-items:center;gap:6px;font-size:20px;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.nav-links li a:hover{color:var(--green-text)}.search-icon-nav svg{width:20px;height:20px;color:var(--text-light);cursor:pointer;transition:color .2s}.search-icon-nav svg:hover{color:var(--green-text)}.hero-top{background:radial-gradient(circle at top, #1a233a80 0%, var(--bg-dark-main) 70%);text-align:center;padding:30px 20px}.hero-title{color:var(--text-light);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.2}.hero-title .highlight{color:var(--green-text)}.hero-subtitle{color:var(--text-muted);max-width:800px;margin:0 auto;font-size:16px}.hero-bottom{background-color:var(--bg-dark-main);flex-direction:column;align-items:center;padding:0 20px 10px;display:flex;position:relative}.faded-text{color:#ffffff04;text-align:center;z-index:0;pointer-events:none;width:100%;font-size:64px;font-weight:900;position:absolute;top:20px}.search-wrapper{background:var(--bg-dark-card);border:1px solid var(--border-light);z-index:1;border-radius:6px;width:100%;max-width:800px;margin-top:70px;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000004d}.search-wrapper:focus-within{border-color:var(--green-text);box-shadow:0 0 20px #4ade8026}.btn-home{border:none;border-right:1px solid var(--border-light);cursor:pointer;background:#ffffff08;justify-content:center;align-items:center;padding:0 15px;transition:background-color .2s;display:flex}.btn-home:hover{background-color:#ffffff0f}.btn-home svg{fill:var(--text-muted);width:22px;height:22px;transition:fill .2s}.btn-home:hover svg{fill:var(--green-text)}.category-select-wrapper{border-right:1px solid var(--border-light);align-items:center;display:none;position:relative}.category-select{appearance:none;color:var(--text-light);cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 15px center/14px no-repeat;border:none;outline:none;min-width:160px;padding:16px 35px 16px 20px;font-size:14px;font-weight:600}.category-select option{background-color:var(--bg-dark-card);color:var(--text-light)}.search-input{color:var(--text-light);background:0 0;border:none;outline:none;flex:1;padding:16px 20px;font-size:15px}.search-input::placeholder{color:var(--text-muted)}.btn-search{background:var(--gradient-btn);color:#fff;cursor:pointer;border:none;padding:0 30px;font-size:15px;font-weight:600;transition:opacity .2s}.btn-search:hover{opacity:.9}.dashboard-wrapper{background-color:var(--dash-bg-color);color:var(--dash-text-color);padding:50px 40px}.dashboard-container{max-width:1100px;margin:0 auto}.dashboard-section{margin-top:48px}.dashboard-section:first-child{margin-top:0}.section-header{margin-bottom:24px}.section-title{color:#fff;padding-bottom:8px;font-size:1.25rem;font-weight:500;display:inline-block;position:relative}.section-title:after{content:"";background-color:var(--dash-underline);border-radius:2px;width:100%;height:2px;position:absolute;bottom:0;left:0}.grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.section-block{margin-bottom:36px}.section-divider{background:linear-gradient(90deg,#4ade8066 0%,#ffffff1a 50%,#0000 100%);border:none;height:1px;margin:36px 0 24px}.section-divider-container{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.section-headline{color:var(--text-light);letter-spacing:-.2px;align-items:center;gap:12px;font-size:1.35rem;font-weight:700;display:flex}.section-badge{color:var(--green-text);letter-spacing:.2px;background:#4ade801f;border:1px solid #4ade804d;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:600}.bookmarked-section{background:linear-gradient(135deg,#4ade800d 0%,#131b2ebf 100%);border:1px solid #4ade8038;border-radius:12px;margin-bottom:32px;padding:18px 20px;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d,inset 0 1px #4ade801f}.bookmarked-header-card{border-bottom:1px solid #4ade8026;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.bookmarked-title-wrapper{align-items:center;gap:8px;display:flex}.bookmarked-title{color:var(--green-text);letter-spacing:-.1px;margin:0;font-size:1.05rem;font-weight:600}.bookmarked-badge{color:var(--green-text);letter-spacing:.4px;text-transform:uppercase;background:#4ade801f;border:1px solid #4ade804d;border-radius:20px;padding:2px 10px;font-size:.7rem;font-weight:600}.card{cursor:pointer;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;min-height:76px;padding:16px 42px 16px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 16px #00000040}.card-icon{color:#fff;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:26px;transition:transform .25s,filter .25s;display:flex}.card:hover .card-icon{filter:drop-shadow(0 0 8px #ffffff80);transform:scale(1.18)}.card-icon svg{stroke:currentColor;stroke-width:2px;fill:none;width:26px;height:26px}.card-content{flex-direction:column;flex:1;min-width:0;display:flex}.btn-bookmark-card{cursor:pointer;color:#fff6;z-index:2;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.btn-bookmark-card:hover{color:#fbbf24;filter:drop-shadow(0 0 8px #fbbf2499);transform:translateY(-50%)scale(1.25)}.btn-bookmark-card.active{color:#fbbf24}.btn-bookmark-card.active:hover{transform:translateY(-50%)scale(1.25)}.btn-bookmark-card svg{stroke:currentColor;stroke-width:2.2px;width:20px;height:20px;transition:all .2s}.card-title{color:#fff;white-space:normal;word-wrap:break-word;text-overflow:clip;font-size:1rem;font-weight:700;line-height:1.3;overflow:visible}@media (max-width:992px){.grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid{gap:12px;grid-template-columns:1fr!important}.card{min-height:72px;padding:14px 18px}.card-icon{width:38px;height:38px}.card-title{font-size:.95rem}}footer{color:#7a8295;text-align:center;border-top:1px solid var(--border-light);background-color:#05070c;padding:40px 20px;font-size:14px}footer a{color:#cbd5e1;margin:0 10px;text-decoration:none;transition:color .2s}footer a:hover{color:var(--green-text)}.no-results-container{text-align:center;color:var(--text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.no-results-container svg{color:#ffffff1a;width:64px;height:64px;margin-bottom:16px}.no-results-container h3{color:var(--text-light);margin-bottom:8px;font-size:1.5rem;font-weight:600}.no-results-container p{max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:.95rem}.btn-clear-filters{color:var(--text-light);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-clear-filters:hover{border-color:var(--green-text);background:#ffffff1a}@media (max-width:900px){.nav-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:999;text-align:center;background-color:#090d16fa;flex-direction:column;gap:15px;width:100%;padding:20px 0;display:none;position:absolute;top:69px;left:0}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links li a{color:#fff;justify-content:center;padding:14px 0;font-size:20px;font-weight:700}.search-icon-nav{margin-right:15px}}@media (max-width:600px){.search-wrapper{box-shadow:none;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:10px}.search-wrapper:focus-within{box-shadow:none}.btn-home,.category-select-wrapper,.search-input,.btn-search{height:50px;border:1px solid var(--border-light)!important;background-color:var(--bg-dark-card)!important;border-radius:6px!important;width:100%!important}.btn-home{justify-content:center}.category-select-wrapper{border-right:none!important;display:flex!important}.category-select{width:100%!important;min-width:100%!important;padding:12px 35px 12px 15px!important}.search-input{padding:12px 15px!important}.btn-search{justify-content:center;align-items:center;display:flex;background:var(--gradient-btn)!important;color:#fff!important}.faded-text{font-size:36px;top:15px}.hero-title{font-size:32px}.dashboard-wrapper{padding:16px 8px!important}.main-layout{flex-direction:column;gap:0;padding:0 8px!important}.phrases-header{margin-bottom:16px!important;padding:16px 12px!important}.nav-links{top:65px}}.main-layout{padding:0 40px;max-width:1200px!important;margin:0 auto!important}.content-area{width:100%}#phrases-view{animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phrases-header{background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;gap:15px;margin-bottom:30px;padding:24px;display:flex;box-shadow:0 4px 15px #0003}@media (min-width:768px){.phrases-header{flex-direction:row;justify-content:space-between;align-items:center}}.btn-back{color:var(--text-light);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-back:hover{border-color:var(--green-text);color:var(--green-text);background:#ffffff1a;transform:translate(-2px)}.phrases-title-container{flex-grow:1;margin:0 20px}.phrases-title-container h2{color:#fff;margin-bottom:6px;font-size:1.5rem;font-weight:700}.phrases-chapter-desc{color:var(--text-muted);font-size:.95rem;line-height:1.4}.phrases-search-wrapper{min-width:250px;position:relative}#phrases-search-input{background:var(--bg-dark-main);border:1px solid var(--border-light);width:100%;color:var(--text-light);border-radius:6px;outline:none;padding:10px 16px;font-size:14px;transition:all .2s}#phrases-search-input:focus{border-color:var(--green-text);box-shadow:0 0 10px #4ade8026}.phrases-list-container{background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:10px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000004d}.phrase-row{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:18px 24px;transition:background-color .2s;display:flex}.phrase-row:hover{background-color:#ffffff05}.phrase-row:last-child{border-bottom:none}.phrase-english{color:#fff;width:45%;padding-right:15px;font-size:1.05rem;font-weight:600}.phrase-translation-block{text-align:right;flex-direction:column;align-items:flex-end;width:50%;display:flex}.phrase-telugu{color:#bbf7d0;margin-bottom:4px;font-size:1.15rem;font-weight:600}.phrase-translit{color:var(--text-muted);font-size:.9rem;font-style:italic}@media (max-width:600px){.phrases-list-container{border-radius:8px}.phrase-row{flex-direction:row;align-items:center;gap:10px;padding:14px 16px}.phrase-english{width:45%;padding-right:5px;font-size:.95rem}.phrase-translation-block{width:55%}.phrase-telugu{margin-bottom:2px;font-size:1.05rem}.phrase-translit{font-size:.8rem}}.hero-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:25px;display:flex}.stat-badge{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:default;background:#131b2e99;border:1px solid #4ade8026;border-radius:30px;align-items:center;gap:10px;padding:10px 24px;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 15px #4ade800d}.stat-badge:hover{border-color:var(--green-text);transform:translateY(-2px);box-shadow:0 4px 25px #4ade8040}.stat-icon{width:18px;height:18px;color:var(--green-text);flex-shrink:0}.logo-brand-img{object-fit:contain;border-radius:6px;width:auto;height:70px}@media (max-width:900px){.nav-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:999;text-align:center;background-color:#090d16fa;flex-direction:column;gap:15px;width:100%;padding:20px 0;display:none;position:absolute;top:69px;left:0}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links li a{color:#fff;justify-content:center;padding:14px 0;font-size:20px;font-weight:700;display:block}}@media (max-width:600px){.main-container{gap:20px;margin:20px auto;padding:0 10px}}.game-header{background-color:var(--bg-dark-card);border:1px solid var(--border-light);text-align:center;border-radius:12px;padding:30px;box-shadow:0 4px 20px #0000004d}@media (max-width:600px){.game-header{padding:20px 15px}}.game-title{margin-bottom:8px;font-size:2.2rem;font-weight:800}.game-title span{color:var(--green-text)}.game-desc{color:var(--text-muted);max-width:700px;margin:0 auto 20px;font-size:1rem}.control-panel{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;display:flex}.chapter-select{background-color:var(--bg-dark-main);color:var(--text-light);border:1px solid var(--border-light);cursor:pointer;border-radius:6px;outline:none;min-width:250px;padding:12px 20px;font-size:14px;font-weight:600}.btn-action{background:var(--gradient-btn);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .2s}.btn-action:hover{opacity:.9}.mode-selection-panel{flex-direction:column;gap:20px;display:flex}.mode-selection-title{text-align:center;font-size:1.5rem;font-weight:700}.mode-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:768px){.mode-grid{grid-template-columns:1fr;gap:15px}}.mode-card{background-color:var(--bg-dark-card);border:1px solid var(--border-light);text-align:center;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:15px;padding:30px 20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 10px #0003}.mode-card:hover{border-color:var(--green-text);transform:translateY(-4px);box-shadow:0 8px 25px #4ade8033}.mode-icon{font-size:3rem;line-height:1}.mode-title{color:#fff;font-size:1.25rem;font-weight:700}.mode-desc{color:var(--text-muted);font-size:.9rem;line-height:1.4}.stats-panel{background:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;display:flex;box-shadow:0 4px 10px #0003}.stat-item{font-size:.95rem;font-weight:700}.stat-item span{color:var(--green-text)}.game-interface-box{flex-direction:column;gap:20px;display:none}.flip-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:480px;margin:15px auto;display:grid}@media (max-width:600px){.flip-grid{gap:6px;margin:10px auto}}@media (max-width:600px){.flip-grid .card-front,.flip-card .card-front{border-radius:8px;padding:4px;font-size:.72rem}.flip-grid .card-back,.flip-grid .card-inner{border-radius:8px}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.quiz-card{background-color:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:20px;padding:30px;display:flex;box-shadow:0 4px 15px #0003}@media (max-width:600px){.quiz-card{padding:20px 15px}}.quiz-progress-text{color:var(--text-muted);justify-content:space-between;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.question-box{background-color:var(--bg-dark-main);border:1px solid var(--border-light);text-align:center;color:#fff;border-radius:8px;margin-top:10px;padding:24px;font-size:1.35rem;font-weight:700;line-height:1.4}.question-box span{color:var(--green-text)}.options-list{flex-direction:column;gap:12px;margin-top:10px;display:flex}.option-btn{background-color:var(--bg-dark-main);border:1px solid var(--border-light);text-align:left;color:var(--text-light);cursor:pointer;border-radius:8px;outline:none;justify-content:space-between;align-items:center;padding:16px 20px;font-size:1.05rem;font-weight:600;transition:all .2s;display:flex}@media (max-width:600px){.option-btn{padding:12px 16px;font-size:.95rem}}.option-btn:hover:not(:disabled){background-color:#ffffff05;border-color:#fff3;transform:translate(4px)}.option-btn.correct{border-color:var(--green-text)!important;color:var(--green-text)!important;background-color:#4ade801a!important}.option-btn.incorrect{border-color:var(--red-text)!important;color:var(--red-text)!important;background-color:#ef44441a!important}.option-btn:disabled{cursor:not-allowed}.quiz-feedback{text-align:center;min-height:26px;font-size:1.1rem;font-weight:700}.matcher-board{grid-template-columns:1fr 1fr;gap:40px;display:grid}@media (max-width:600px){.matcher-board{gap:16px}}.board-column{flex-direction:column;gap:14px;display:flex}.column-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);text-align:center;margin-bottom:5px;font-size:.9rem;font-weight:800}.matcher-card{background-color:var(--bg-dark-card);border:1px solid var(--border-light);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;min-height:80px;padding:18px 15px;font-size:1.05rem;font-weight:700;transition:all .2s ease-in-out;display:flex;box-shadow:0 4px 6px #00000026}@media (max-width:600px){.matcher-card{min-height:70px;padding:10px 8px;font-size:.85rem}}.matcher-card:hover{border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 15px #0000004d}.matcher-card.selected{border-color:var(--green-text);background-color:#4ade800d;box-shadow:0 0 15px #4ade804d}.matcher-card.matched{visibility:hidden;opacity:0;pointer-events:none;transition:all .3s ease-out}.matcher-card.correct-flash{border-color:var(--green-text)!important;color:#fff!important;background-color:#4ade8066!important}.matcher-card.error-flash{animation:.4s shake;border-color:var(--red-text)!important;color:#fff!important;background-color:#ef444466!important}.congrats-modal{z-index:2000;background-color:#090d16e6;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.congrats-content{background-color:var(--bg-dark-card);border:1px solid var(--border-light);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:40px;animation:.3s forwards scaleUp;transform:scale(.9);box-shadow:0 10px 30px #00000080}@keyframes scaleUp{to{transform:scale(1)}}.congrats-icon{margin-bottom:20px;font-size:64px}.congrats-title{color:var(--green-text);margin-bottom:12px;font-size:2rem;font-weight:800}.congrats-text{color:var(--text-muted);margin-bottom:30px;font-size:1.05rem}:root{--font-family:"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-light:#f8fafc;--text-muted:#94a3b8;--bg-dark-main:#090d16;--bg-dark-card:#131b2e;--green-text:#4ade80;--border-light:#ffffff14;--gradient-btn:linear-gradient(135deg, #10b981, #059669);--red-text:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-dark-main);color:var(--text-light);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;line-height:1.5;display:flex}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:1000;background-color:#090d16cc;justify-content:space-between;align-items:center;padding:15px 5%;display:flex;position:sticky;top:0}.logo-container{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-icon-img{object-fit:contain;width:auto;height:38px}.logo-brand-img{object-fit:contain;width:auto;height:70px}.nav-toggle{cursor:pointer;z-index:1010;background:0 0;border:none;padding:5px;display:none}.nav-toggle span{background-color:var(--text-light);width:24px;height:2px;margin:5px 0;transition:all .3s;display:block}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}.nav-links{align-items:center;gap:25px;list-style:none;display:flex}.nav-links li a{color:var(--text-muted);font-size:20px;font-weight:700;text-decoration:none;transition:color .2s}.nav-links li a:hover,.nav-links li a.active{color:var(--green-text)}@media (max-width:900px){.nav-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:999;text-align:center;background-color:#090d16fa;flex-direction:column;gap:15px;width:100%;padding:20px 0;display:none;position:absolute;top:69px;left:0}.nav-links.active{display:flex}.nav-links li{width:100%}.nav-links li a{color:#fff;justify-content:center;padding:14px 0;font-size:20px;font-weight:700;display:block}}.main-container{flex-direction:column;flex-grow:1;gap:25px;width:100%;max-width:800px;margin:40px auto;padding:0 20px;display:flex}@media (max-width:600px){.main-container{gap:20px;margin:20px auto;padding:0 10px}}.quiz-panel{background-color:var(--bg-dark-card);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:20px;padding:30px;display:flex;box-shadow:0 4px 20px #0000004d}@media (max-width:600px){.quiz-panel{border-radius:10px;padding:20px 15px}}.panel-title{text-align:center;font-size:2rem;font-weight:800}.panel-title span{color:var(--green-text)}.panel-desc{color:var(--text-muted);text-align:center;max-width:600px;margin:0 auto;font-size:1rem}.setup-form{flex-direction:column;align-items:center;gap:15px;margin-top:15px;display:flex}.chapter-select{background-color:var(--bg-dark-main);color:var(--text-light);border:1px solid var(--border-light);cursor:pointer;border-radius:6px;outline:none;width:100%;max-width:350px;padding:12px 20px;font-size:14px;font-weight:600}.btn-action{background:var(--gradient-btn);color:#fff;cursor:pointer;text-align:center;border:none;border-radius:6px;width:100%;max-width:350px;padding:12px 24px;font-size:14px;font-weight:700;transition:opacity .2s}.btn-action:hover:not(:disabled){opacity:.9}.btn-action:disabled{opacity:.4;cursor:not-allowed}.quiz-progress-wrapper{width:100%}.quiz-progress-text{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;font-size:.85rem;font-weight:700;display:flex}.progress-bar-bg{background-color:var(--bg-dark-main);border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background-color:var(--green-text);width:0%;height:100%;transition:width .3s}.builder-workspace{flex-direction:column;gap:20px;width:100%;margin-top:10px;display:flex}.clue-box{background-color:var(--bg-dark-main);border:1px solid var(--border-light);text-align:center;border-radius:8px;padding:20px}.clue-english{color:#fff;font-size:1.25rem;font-weight:700}.target-builder-area{background-color:#090d1666;border:2px dashed #ffffff26;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-height:84px;padding:16px;transition:all .2s;display:flex}.target-builder-area.active{background-color:#4ade8005;border-color:#4ade804d}.target-builder-placeholder{color:var(--text-muted);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.95rem}.word-pool-area{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:center;gap:10px;margin-top:5px;padding:20px 0;display:flex}.word-tile{background-color:var(--bg-dark-main);color:#fff;border:1px solid var(--border-light);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;padding:10px 18px;font-size:1.05rem;font-weight:600;transition:all .2s;box-shadow:0 2px 5px #0003}@media (max-width:600px){.word-tile{padding:8px 14px;font-size:.95rem}}.word-tile:hover:not(.disabled){border-color:var(--green-text);background-color:#4ade800d;transform:translateY(-1px)}.word-tile.disabled{opacity:.25;cursor:not-allowed;background-color:#090d164d;border-color:#ffffff05}.word-tile.correct-match{border-color:var(--green-text)!important;color:var(--green-text)!important;background-color:#4ade8026!important}.word-tile.incorrect-match{border-color:var(--red-text)!important;color:var(--red-text)!important;background-color:#ef444426!important}.quiz-feedback{text-align:center;min-height:26px;margin-top:5px;font-size:1.1rem;font-weight:700}.quiz-feedback.correct{color:var(--green-text)}.quiz-feedback.incorrect{color:var(--red-text)}.results-score-circle{width:120px;height:120px;color:var(--green-text);border:5px solid #4ade8026;border-radius:50%;justify-content:center;align-items:center;margin:15px auto;font-size:2rem;font-weight:800;display:flex}footer{color:#7a8295;text-align:center;border-top:1px solid var(--border-light);background-color:#05070c;margin-top:auto;padding:30px 20px;font-size:14px}.flip-grid .card,.flip-card{perspective:1000px;aspect-ratio:1;cursor:pointer;width:100%;position:relative;min-height:unset!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0!important;padding:0!important;display:block!important}.flip-grid .card:hover,.flip-card:hover{filter:none!important;box-shadow:none!important;border-color:#0000!important;transform:none!important}.flip-grid .card-inner,.flip-card .card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;border-radius:12px;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:relative}.flip-grid .card.flipped .card-inner,.flip-card.flipped .card-inner{transform:rotateY(180deg)}.flip-grid .card-front,.flip-grid .card-back,.flip-card .card-front,.flip-card .card-back{backface-visibility:hidden;box-sizing:border-box;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex;position:absolute;top:0;left:0;box-shadow:0 4px 10px #0000004d}.flip-grid .card-back,.flip-card .card-back{color:#fff;background-color:#8b5cf6;border:none}.flip-grid .card-back svg,.flip-card .card-back svg{color:#fff;width:38%;height:38%}.flip-grid .card-front,.flip-card .card-front{border:2px solid var(--green-text);color:#fff;word-break:break-word;text-align:center;background-color:#1e293b;padding:8px 6px;font-size:.95rem;font-weight:700;line-height:1.35;overflow:hidden;transform:rotateY(180deg)}@media (max-width:600px){.flip-grid .card-front,.flip-card .card-front{border-radius:8px;padding:4px;font-size:.72rem}.flip-grid .card-back,.flip-grid .card-inner{border-radius:8px}}.flip-grid .card.correct-match .card-front,.flip-card.correct-match .card-front{border-color:var(--green-text)!important;color:var(--green-text)!important;background-color:#4ade8026!important}.flip-grid .card.error-match .card-front,.flip-card.error-match .card-front{animation:.4s shake;border-color:var(--red-text)!important;color:var(--red-text)!important;background-color:#ef444426!important}.card{cursor:pointer;box-sizing:border-box;width:100%;min-height:76px;color:inherit;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:16px 42px 16px 18px;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 16px #00000040}.card:hover{filter:brightness(1.15);border-color:#ffffff40;transform:translateY(-4px);box-shadow:0 12px 28px #00000073}.card-title{color:#fff;white-space:normal;word-wrap:break-word;text-overflow:clip;font-family:Noto Sans Telugu,Segoe UI,Roboto,sans-serif;font-size:1.02rem;font-weight:700;line-height:1.35;overflow:visible}.telugu-font,.phrase-telugu,table td:nth-child(2),.card-title{font-family:Noto Sans Telugu,Segoe UI,Roboto,sans-serif!important}.basics-interactive-container{margin-bottom:35px;padding:0 4px}.basics-header{text-align:center;background:linear-gradient(#131b2eb3 0%,#090d1666 100%);border:1px solid #ffffff0f;border-radius:16px;margin-bottom:30px;padding:24px 20px}.basics-title{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-family:Noto Sans Telugu,sans-serif;font-size:1.85rem;font-weight:700}.basics-subtitle{color:var(--text-muted);margin:0;font-size:.95rem}.basics-section{margin-bottom:32px}.basics-section-heading{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:10px;display:flex}.basics-heading-title{color:#fff;font-family:Noto Sans Telugu,sans-serif;font-size:1.25rem;font-weight:700}.basics-heading-badge{color:#4ade80;background:#4ade801a;border:1px solid #4ade8033;border-radius:9999px;padding:3px 10px;font-size:.8rem;font-weight:600}.basics-letter-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.basics-letter-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#131b2e;border:1px solid #ffffff14;border-radius:14px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:110px;padding:12px 6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.basics-letter-card:hover{background:#4ade8014;border-color:#4ade80;transform:translateY(-3px);box-shadow:0 8px 24px #00000073}.basics-letter-card.playing{background:#4ade8026;border-color:#4ade80;transform:scale(1.03);box-shadow:0 0 20px #4ade8066}.basics-card-glyph{color:#fff;font-family:Noto Sans Telugu,sans-serif;font-size:34px;font-weight:700;line-height:1.35;transition:color .2s}.basics-letter-card:hover .basics-card-glyph{color:#4ade80}.basics-card-pronunciation{color:#94a3b8;margin-top:4px;font-size:13px;font-weight:600}.basics-card-sound{opacity:.35;font-size:13px;transition:opacity .2s,transform .2s;position:absolute;top:8px;right:8px}.basics-letter-card:hover .basics-card-sound,.basics-letter-card.playing .basics-card-sound{opacity:1;transform:scale(1.15)}.basics-note-box{background:#4ade8012;border:1px solid #4ade8033;border-radius:14px;align-items:flex-start;gap:14px;margin-top:25px;margin-bottom:25px;padding:16px 20px;display:flex}.basics-note-icon{font-size:22px;line-height:1}.basics-note-content p{color:#cbd5e1;margin:4px 0 0;font-family:Noto Sans Telugu,sans-serif;font-size:.92rem;line-height:1.7}.basics-note-title{color:#4ade80;font-size:.95rem;font-weight:700}.basics-filter-container{background:#131b2e;border:1px solid #ffffff14;border-radius:14px;margin-bottom:24px;padding:14px 16px}.basics-filter-label{color:var(--text-muted);margin-bottom:10px;font-size:.85rem;font-weight:600;display:block}.basics-filter-scroll{scrollbar-width:thin;scrollbar-color:#4ade804d transparent;gap:8px;padding-bottom:6px;display:flex;overflow-x:auto}.basics-filter-pill{color:#cbd5e1;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9999px;padding:6px 14px;font-family:Noto Sans Telugu,sans-serif;font-size:.9rem;transition:all .2s}.basics-filter-pill:hover{color:#fff;background:#4ade801a;border-color:#4ade80}.basics-filter-pill.active{color:#fff;background:#10b981;border-color:#10b981;font-weight:700;box-shadow:0 0 12px #10b98166}@media (max-width:850px){.basics-letter-grid{grid-template-columns:repeat(4,1fr);gap:10px}.basics-letter-card{min-height:100px}.basics-card-glyph{font-size:30px}}@media (max-width:480px){.basics-letter-grid{grid-template-columns:repeat(3,1fr);gap:8px}.basics-letter-card{min-height:92px;padding:10px 4px}.basics-card-glyph{font-size:26px}.basics-card-pronunciation{font-size:11px}.basics-title{font-size:1.5rem}}.legal-content-card{color:#cbd5e1;background:#131b2e;border:1px solid #1e293b;border-radius:16px;max-width:920px;margin:0 auto;padding:38px 44px;font-size:15px;line-height:1.8;box-shadow:0 4px 20px #00000040}.legal-content-card h2{color:#fff;border-bottom:1px solid #1e293b;align-items:center;gap:10px;margin-top:32px;margin-bottom:12px;padding-bottom:10px;font-size:1.45rem;font-weight:700;display:flex}.legal-content-card h2:first-of-type{margin-top:0}.legal-content-card h3{color:#f1f5f9;margin-top:22px;margin-bottom:8px;font-size:1.15rem;font-weight:600}.legal-content-card p{color:#cbd5e1;margin-bottom:16px}.legal-content-card ul,.legal-content-card ol{margin:12px 0 20px 24px;padding:0}.legal-content-card li{color:#94a3b8;margin-bottom:8px}.legal-content-card li strong{color:#f1f5f9}.legal-content-card a{color:var(--green-text);text-decoration:underline}.legal-badge-pill{color:var(--green-text);background:#4ade801a;border:1px solid #4ade8033;border-radius:9999px;align-items:center;gap:6px;margin-bottom:20px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.contact-info-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin:24px 0 10px;display:grid}.contact-card-box{background:#090d16;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:8px;padding:22px;display:flex}.contact-card-box h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.1rem;display:flex}.contact-card-box p{color:#94a3b8;margin:0;font-size:.92rem;line-height:1.6}.contact-card-box a{color:var(--green-text);word-break:break-all;font-weight:600}@media (max-width:650px){.legal-content-card{padding:24px 18px;font-size:14px}.legal-content-card h2{font-size:1.25rem}}button:active,.btn:active,.btn-search:active,.btn-back:active,.card:active,.basics-letter-card:active,.btn-bookmark-card:active,.btn-clear-filters:active,.btn-quiz-option:active,.btn-action:active,.nav-links a:active,.footer-links a:active{filter:brightness(1.25);transition:transform 80ms,filter 80ms;transform:scale(.96)!important}
