*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif}a{text-decoration:none}h1,h2,h3,h4,h5,p,li{font-family:Inter,sans-serif}.main-container{max-width:1360px;margin:0 auto}.container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffdb;border:1px solid #ffffffbf;border-radius:32px;grid-template-columns:1fr 300px;align-items:start;gap:20px;padding:20px;display:grid;box-shadow:0 14px 40px #3e56a01f}.sidebar-left{color:#fff;background-color:#4851e0;border-radius:10px}.sidebar-right{flex-direction:column;gap:15px;display:flex}.ad-block{color:#fff;border-radius:24px;min-height:180px;padding:24px;position:relative;overflow:hidden;box-shadow:0 14px 40px #3e56a01f}.ad-block.purple{background:linear-gradient(135deg,#7f58ff,#bf7cff,#ff97b8)}.ad-block.blue{background:linear-gradient(135deg,#4c76ff,#5fb6ff,#8f84ff)}.ad-block.soft{color:#1f2a44;background:linear-gradient(135deg,#edf5ff,#fdf0ff)}.card-kicker{opacity:.9;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:13px;font-weight:700}.ad-block h3{letter-spacing:-.04em;margin-bottom:10px;font-size:34px;line-height:1.04}.ad-block p{opacity:.95;margin-bottom:18px;font-size:15px;line-height:1.5}.mini-btn{color:#4365f2;background:#ffffffdb;border-radius:14px;align-items:center;gap:8px;width:fit-content;padding:12px 16px;font-weight:700;display:inline-flex}.add-vocab-btn{color:#fff;cursor:pointer;z-index:100000;background-color:#6366f1;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;display:flex}.add-vocab-btn.added{cursor:default;background-color:#10b981}.tooltip-actions{flex-direction:column;justify-content:center;align-items:center;display:flex}.header-content{background:linear-gradient(-45deg,#ff9a7b,#ff88b6,#7cdcff,#23d5ab);border-bottom:3px solid #6c5ce7;border-radius:20px;grid-template-columns:1.05fr .95fr;align-items:center;padding:36px;display:grid;position:relative}.logo{z-index:2;width:100%;max-width:560px;position:relative}.logo p{color:#ffffffeb;max-width:520px;margin-bottom:28px;font-family:Inter,sans-serif;font-size:20px;line-height:1.55}.hero-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff38;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 16px;font-weight:700;display:inline-flex}.logo h1{color:#fff;float:right;letter-spacing:-.05em;margin-bottom:18px;font-family:Inter,sans-serif;font-size:36px;font-weight:800}hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:28px;display:flex}.header-content{grid-template-columns:1fr 1.5fr;display:grid}.header-content .btn{cursor:pointer;border:none;border-radius:16px;outline:none;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}.btn-green{color:#fff;background:linear-gradient(135deg,#44d5b7,#35b894);box-shadow:0 12px 24px #35b8943d}.btn-white{color:#4365f2;background:#ffffffe0;box-shadow:0 8px 20px #5269ad1f}.users-count{color:#fff;background-color:#48c074;border-radius:20px;justify-content:center;width:200px;margin-top:20px;padding:30px 0;font-family:Roboto,sans-serif;display:flex}.stats{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.stat-card{background:#ffffffdb;border:1px solid #ffffffa6;border-radius:18px;min-width:160px;padding:16px 18px;box-shadow:0 10px 24px #4e58911f}.stat-value{color:#1f2a44;letter-spacing:-.04em;font-size:28px;font-weight:800}.stat-label{color:#6f7a94;margin-top:4px;font-size:13px}.material-symbols-outlined{margin-right:20px}#svg-frame{width:80%}.ad-block{flex-direction:column;justify-content:center;align-items:center;display:flex}.ad-block h4{color:#fff;font-family:Rubik Mono One,monospace;font-weight:200}.ad-block h2{text-align:center;color:#fff;font-family:Rubik Mono One,monospace;font-size:1.4rem;font-weight:200}.catalog-container{max-width:1200px;margin:0 auto;padding:20px;font-family:sans-serif}.filters{background:#ffffffc7;border-radius:24px;grid-template-columns:100px 250px 100px minmax(100px,1fr);justify-items:center;gap:14px;margin-top:22px;padding:18px;display:grid;box-shadow:0 14px 40px #3e56a01f}.filters .btn{cursor:pointer;border:none;border-radius:20px;padding:0 20px}.filter-group_select{color:#30405f;background:#fff;border:1px solid #e5eaf6;border-radius:16px;outline:none;height:54px;padding:0 16px;font-family:inherit;font-size:15px;box-shadow:0 4px 10px #6f82b40f}.book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px;margin-top:20px;display:grid}.support-btn{color:#fff;cursor:pointer;z-index:1000;background-color:#6c63ff;border:none;border-radius:50%;width:60px;height:60px;font-size:24px;position:fixed;bottom:20px;left:20px;box-shadow:0 4px 12px #0003}.support-form{z-index:1000;background:#fff;border-radius:12px;flex-direction:column;width:300px;font-family:sans-serif;display:none;position:fixed;bottom:90px;left:20px;overflow:hidden;box-shadow:0 8px 24px #00000026}.support-header{color:#fff;background:#6c63ff;justify-content:space-between;align-items:center;padding:15px;display:flex}.support-header h4{margin:0}.support-header button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:20px}form{flex-direction:column;gap:10px;padding:15px;display:flex}input,textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px}.send-btn{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:10px;font-weight:700}.text-container{max-width:800px;margin:0 auto;font-size:18px;line-height:2}.word-container{cursor:pointer;border-radius:4px;transition:background .2s;position:relative}.word-container:hover{color:#6c63ff;background-color:#f0f0ff}.word-tooltip{color:#fff;white-space:nowrap;z-index:100;background:#333;border-radius:4px;padding:5px 10px;font-size:14px;position:absolute;bottom:120%;left:50%;transform:translate(-50%)}.interactive-word-container{cursor:pointer;margin-right:4px;display:inline-block;position:relative}.word-text{border-radius:3px;padding:0 2px;transition:background .2s}.word-text:hover{color:#6c63ff;background-color:#6c63ff1a}.word-text.active{color:#fff;background-color:#6c63ff}.word-popup{color:#fff;background-color:#333;border-radius:12px;min-width:200px;padding:12px;box-shadow:0 10px 25px #0003}.popup-arrow{background:#333;width:12px;height:12px;position:absolute;top:100%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:3px 3px 5px #0000000d}.translation-text{color:#4db8ff;margin:5px 0 0;font-weight:500}.tooltip-header{border-bottom:1px solid #444;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px;padding-bottom:5px;display:flex}.speak-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 5px;font-size:20px;transition:background .2s}.speak-btn:hover{background:#ffffff1a}.main-content{background:#ffffffd1;border-radius:28px;min-height:969px;margin-top:24px;padding:24px 24px 60px;position:relative;box-shadow:0 14px 40px #3e56a01f}.goBack{color:#fff;cursor:pointer;cursor:pointer;background-color:#6c5ce7;border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.main-content_head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.main-content_wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.main-content_title{letter-spacing:-.05em;font-size:34px;font-weight:800}.main-content_tabs{flex-wrap:wrap;gap:10px;display:flex}.main-content_tabs .tab{color:#607097;background:#f2f5fd;border:none;border-radius:999px;padding:10px 16px;font-weight:700;transition:all .25s}.main-content_tabs .tab.active{color:#fff;background:linear-gradient(135deg,#5b7cff,#7a60ff)}.show-more_btn{justify-content:center;margin-top:20px;display:flex}.main-content .btn{cursor:pointer;border:none;border-radius:16px;outline:none;padding:14px 22px;font-family:Inter,sans-serif;font-size:15px;font-weight:700;transition:all .25s}.main-content .btn-green{color:#fff;background:linear-gradient(135deg,#44d5b7,#35b894);box-shadow:0 12px 24px #35b8943d}.pagination-wrapper{flex-direction:column;justify-content:flex-end;min-height:100%;display:flex}.pagination{justify-content:center;gap:8px;margin-top:20px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;min-width:40px;padding:8px 12px}.pagination button.active{color:#fff;background-color:#44d5b7;border-color:#44d5b7}.pagination button:disabled{cursor:default;color:#ccc}.main-logo{cursor:pointer;width:200px}.loader-container{color:#6366f1;flex-direction:column;justify-content:center;align-items:center;height:60vh;font-family:Inter,sans-serif;font-weight:500;display:flex}.spinner{border:5px solid #f3f3f3;border-top-color:#6366f1;border-radius:50%;width:50px;height:50px;margin-bottom:15px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.main-logo{width:140px}.main-container{min-width:100%;margin:0;display:block}.main-content{box-shadow:none}.container{-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:none;box-shadow:none;border:none;justify-content:center;align-items:center;padding:0;display:flex}.header-content{flex-direction:column;justify-content:center;align-items:center;height:70vh;padding:10px;display:flex}.logo h1{color:#fff;float:none;letter-spacing:-.05em;margin-bottom:18px;font-family:Inter,sans-serif;font-size:36px;font-weight:800}.filters{grid-template-columns:1fr 1fr 1fr;gap:20px;padding:10px}.leftArea{z-index:2;background-color:#fff;position:relative}.animation-container{z-index:1;opacity:.8;filter:blur(3px);width:80%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sidebar-right{display:none}.container{display:block}}@media (width<=568px){.nav-container{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav-left li{border-radius:20px;padding:14px 6px;font-size:14px;list-style:none;transition:all .25s}.main-nav a{color:#324164;border-radius:14px;padding:0;font-weight:600;text-decoration:none;transition:all .25s}.main-container{min-width:100%;margin:0;display:block}.header-content h1{font-size:24px}.header-content .hero-badge{font-size:14px}.header-content p{font-size:16px}.header-actions{display:flex}.header-actions .btn{font-size:14px;display:block}.stats{gap:6px;margin-top:14px}.stat-card{padding:9px}.stat-card .stat-value{font-size:14px}.stat-card .stat-label{font-size:12px}.container{justify-content:center;align-items:center;padding:0;display:flex}.header-content{height:50vh;padding:10px;display:block}.filters{grid-template-columns:.5fr 1fr 1fr;gap:4px;margin-top:14px;padding:10px}.filter-group_select{height:40px;padding:0 10px}.leftArea{z-index:2;background-color:#fff;position:relative}.animation-container{z-index:1;opacity:.8;filter:blur(3px);width:80%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sidebar-right{display:none}.container{display:block}.main-content{margin-top:14px;padding:14px}.book-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}}@media (width<=380px){.header-content{height:70vh}}