*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-family);margin:0;padding:0}:root{--bg-base:#12151a;--bg-surface:#1a1e24;--text-primary:#e0e0e0;--text-muted:#9aa3ad;--accent:#00aeef;--accent-deep:#0072bc;--success-color:#3dbfae;--warning-color:#5eb4d4;--danger-color:#c97b8a;--accent-glow:#00aeef59;--accent-deep-glow:#0072bc59;--border-subtle:#c0c0c024;--border-accent:#00aeef66;--hover-color:#232830;--white:#fff;--surface:var(--bg-surface);--surface-elevated:var(--hover-color);--text-color:var(--text-primary);--dark-color:var(--text-primary);--gray-color:var(--text-muted);--silver:var(--text-primary);--silver-light:#f0f0f0;--primary-color:var(--accent-deep);--secondary-color:var(--accent-deep);--accent-color:var(--accent);--accent-blue:var(--accent);--accent-blue-deep:var(--accent-deep);--light-color:var(--bg-surface);--light-gray:var(--bg-surface);--dark-gray:var(--bg-base);--telegram-color:var(--accent);--shadow:0 4px 6px -1px #00000073, 0 10px 20px -5px #00000080;--transition:all .3s cubic-bezier(.4, 0, .2, 1);--font-family:"DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;--display-font:"Exo 2", var(--font-family);--heading-font:"DM Sans", var(--font-family);--accent-font:var(--font-family);--border-radius:12px;--radius-card:16px;--radius-xl:20px;--shadow-card:0 4px 6px -1px #0006, 0 12px 24px -6px #00000080;--shadow-card-hover:0 12px 32px -8px #00aeef1f, 0 4px 16px #00000073}html{scroll-behavior:smooth;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--bg-base);background-image:radial-gradient(ellipse 100% 70% at 50% -10%, #00aeef14 0%, transparent 55%), radial-gradient(ellipse 80% 50% at 100% 100%, #0072bc0f 0%, transparent 50%), linear-gradient(180deg, var(--bg-base) 0%, var(--bg-base) 100%);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}#root{flex-direction:column;flex:1;width:100%;min-height:100vh;display:flex}header{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));color:var(--white);box-shadow:var(--shadow);z-index:100;padding:1rem 0;position:sticky;top:0}.main-nav{z-index:100;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#0a0a0af7 0%,#002d4af0 100%);justify-content:space-between;align-items:center;width:100%;padding:.65rem 1.5rem;display:flex;position:sticky;top:0;box-shadow:0 4px 24px #00000080,0 1px #00aeef14}.logo{align-items:center;display:flex}.logo a{color:var(--white);align-items:center;gap:0;text-decoration:none;display:flex}.logo-img{width:auto;height:28px;margin-right:0}.logo h1{font-family:var(--display-font);letter-spacing:.1em;color:var(--silver-light);text-shadow:0 0 20px #00aeef40;margin:0;font-size:1.15rem;font-weight:700;position:relative}.logo h1:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);width:100%;height:1px;position:absolute;bottom:-2px;left:0}.logo i{margin-right:.3rem;font-size:1.4rem}.nav-links{align-items:center;gap:.7rem;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#ffffffeb;font-family:var(--display-font);transition:var(--transition);white-space:nowrap;letter-spacing:.06em;border-radius:999px;padding:.45rem .85rem;font-size:.82rem;font-weight:500;text-decoration:none}.nav-links a.active{color:var(--white);border:1px solid var(--border-accent);box-shadow:0 0 16px var(--accent-glow);background:linear-gradient(135deg,#00aeef47,#c0c0c014);font-weight:600}.nav-links a:hover,.nav-links a.active{color:var(--white);background:#00aeef1f;transform:translateY(-1px)}.nav-links a.active:hover{background:linear-gradient(135deg,#00aeef59,#c0c0c01a)}.nav-links .telegram-link{color:var(--white);transition:var(--transition);white-space:nowrap;font-family:var(--display-font);letter-spacing:.05em;align-items:center;gap:.5rem;font-weight:500;display:flex}.nav-links .telegram-link:hover{color:var(--accent-blue);transform:translateY(-2px)}.nav-links .telegram-link svg{color:var(--white);stroke:currentColor;flex-shrink:0}.nav-links .telegram-link:hover svg{color:var(--accent-blue)}.nav-links .donate-link{color:var(--white);transition:var(--transition);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:.4rem;font-size:1.1rem;display:flex}.nav-links .donate-link:hover{color:var(--accent);background:#00aeef2e;transform:scale(1.1)}.nav-links .donate-link i{transition:transform .3s}.nav-links .donate-link:hover i{transform:scale(1.2)}.menu-toggle{cursor:pointer;z-index:1000;background:0 0;border:none;padding:10px;display:none;position:relative}.menu-toggle span{background-color:var(--white);width:25px;height:3px;margin:5px 0;transition:all .3s;display:block}.menu-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}@media (width<=991px){.main-nav{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.menu-toggle{display:block}.nav-links{background:linear-gradient(135deg, var(--bg-base), var(--accent-deep));z-index:999;width:100%;padding:20px;display:none;position:fixed;top:70px;left:0;box-shadow:0 4px 15px #0003}.nav-links.active{flex-direction:column;align-items:center;display:flex}.nav-links li{margin:10px 0}.nav-links .donate-link{width:40px;height:40px;margin:10px 0}}main{flex-direction:column;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 1rem;display:flex}.hero{color:var(--white);text-align:center;border-radius:0 0 var(--radius-xl) var(--radius-xl);box-shadow:var(--shadow-card);background-image:linear-gradient(135deg,#000000e6 0%,#002d4ab8 45%,#00aeef2e 100%),url(/images/hero-bg.jpg);background-position:50%;background-size:cover;margin-bottom:1rem;padding:clamp(2.5rem,6vw,4.25rem) 2rem;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:radial-gradient(70% 55% at 50% 100%,#00aeef38 0%,#0000 65%);position:absolute;inset:0}.hero h2,.hero h3,.hero p{z-index:1;position:relative}.hero h2,.hero h3{font-family:var(--display-font);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 24px #00000073;margin-bottom:.75rem;font-size:clamp(1.35rem,4vw,2rem);font-weight:700}.hero p{color:#ffffffeb;text-shadow:0 1px 12px #00000059;max-width:36rem;margin:0 auto;font-size:clamp(.95rem,2vw,1.15rem);line-height:1.65}.testing-cards{padding:.75rem 0 2rem}.cards-container{grid-template-columns:repeat(4,1fr);gap:1.35rem;max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid}.card{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-card);justify-content:center;align-items:center;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .25s;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, var(--accent-blue-deep), var(--accent-blue));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-accent);transform:translateY(-6px)}.card:hover:before{opacity:1}.card-content{text-align:center;flex-direction:column;align-items:center;height:100%;padding:1.2rem;display:flex}.card-icon{color:var(--silver-light);filter:drop-shadow(0 2px 8px var(--accent-glow));margin-bottom:.75rem;font-size:1.85rem;transition:transform .35s cubic-bezier(.4,0,.2,1)}svg.card-icon{stroke:currentColor;flex-shrink:0;width:1.85rem;height:1.85rem}.card:hover .card-icon{color:var(--accent-blue);transform:scale(1.08)rotate(-3deg)}.card h3{font-family:var(--heading-font);color:var(--dark-color);margin-bottom:.6rem;font-size:1.1rem;font-weight:600;line-height:1.3}.card p{color:var(--dark-color);flex-grow:1;margin-bottom:1.2rem;font-size:.9rem}.test-btn{background:linear-gradient(135deg, var(--accent-blue-deep) 0%, var(--accent-blue) 100%);color:#fff;cursor:pointer;font-family:var(--accent-font);letter-spacing:.04em;transition:var(--transition);box-shadow:0 4px 14px var(--accent-glow);border:none;border-radius:999px;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.82rem;font-weight:600;display:flex;position:relative;overflow:hidden}.test-btn span{z-index:1;position:relative}.test-btn i{z-index:1;transition:transform .3s;position:relative}.test-btn svg{z-index:1;flex-shrink:0;transition:transform .3s;position:relative}.test-btn:before{content:"";background:linear-gradient(135deg, var(--accent-blue), var(--accent-blue-deep));opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.test-btn:hover{box-shadow:0 8px 22px var(--accent-glow);transform:translateY(-2px)}.test-btn:hover:before{opacity:1}.test-btn:hover i,.test-btn:hover svg{transform:translate(5px)}.express-test{grid-column:1/-1}.home-hero{margin-bottom:1.5rem;padding-top:clamp(3rem,7vw,5rem);padding-bottom:clamp(3rem,7vw,5rem)}.home-hero-badge{z-index:1;color:#ffffffe6;letter-spacing:.04em;background:#0f172a47;border:1px solid #ffffff3d;border-radius:999px;align-items:center;gap:.45rem;margin-bottom:1rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex;position:relative}.home-hero h3{letter-spacing:.1em;font-size:clamp(2rem,7vw,4rem)}.home-hero-actions{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;margin-top:1.75rem;display:flex;position:relative}.home-primary-btn,.home-secondary-btn{min-height:44px;text-decoration:none}.home-secondary-btn{color:#fff;transition:var(--transition);background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:600;display:inline-flex}.home-secondary-btn:hover{background:#fff3;transform:translateY(-2px)}.home-sections,.home-features{padding:1rem 0 2rem}.section-heading{text-align:center;max-width:760px;margin:0 auto 1.4rem}.section-heading h2,.home-features-copy h2{font-family:var(--heading-font);color:var(--dark-color);margin-bottom:.45rem;font-size:clamp(1.45rem,3vw,2rem)}.section-heading p,.home-features-copy p{color:var(--gray-color);font-size:1rem}.home-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.35rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.home-section-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);height:100%;min-height:11.5rem;box-shadow:var(--shadow-card);color:inherit;flex-direction:column;align-items:flex-start;padding:1.35rem 1.4rem;text-decoration:none;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .25s;display:flex;position:relative;overflow:hidden}.home-section-card:before{content:"";border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient(90deg, var(--accent-blue-deep), var(--accent-blue));opacity:0;width:100%;height:4px;transition:opacity .3s;position:absolute;top:0;left:0}.home-section-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-accent);transform:translateY(-4px)}.home-section-card:hover:before{opacity:1}.home-section-card-header{align-items:center;gap:.75rem;width:100%;margin-bottom:.65rem;display:flex}.home-section-card-icon{width:2.75rem;height:2.75rem;color:var(--accent-blue);background:linear-gradient(135deg,#0072bc33,#00aeef1f);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;transition:color .25s,transform .35s;display:flex}.home-section-card-icon .lucide-icon{width:1.45rem;height:1.45rem}.home-section-card:hover .home-section-card-icon{color:var(--silver-light);box-shadow:0 0 12px var(--accent-glow);transform:scale(1.06)}.home-section-card-title{font-family:var(--heading-font);color:var(--dark-color);margin:0;font-size:1.05rem;font-weight:600;line-height:1.3}.home-section-card-desc{color:var(--gray-color);flex:1;margin-bottom:1rem;font-size:.9rem;line-height:1.5}.home-section-card-cta{color:var(--accent-blue);transition:var(--transition);align-items:center;gap:.4rem;margin-top:auto;font-size:.875rem;font-weight:700;display:inline-flex}.home-section-card:hover .home-section-card-cta{color:var(--silver-light)}.home-section-card-cta svg{transition:transform .3s}.home-section-card:hover .home-section-card-cta svg{transform:translate(4px)}.home-features{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-card);grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:1.5rem;margin:0 1.5rem 2.25rem;padding:1.5rem;display:grid}.home-feature-list{gap:.8rem;display:grid}.home-feature-item{border-radius:var(--radius-card);color:var(--text-color);background:#00aeef14;align-items:flex-start;gap:.65rem;padding:.85rem;display:flex}.home-feature-item svg{color:var(--accent-blue);flex-shrink:0;margin-top:.1rem}@media screen and (width<=991px){.logo h1{font-size:1.1rem}.logo i{font-size:1.3rem}}@media screen and (width<=575px){.logo h1{font-size:1rem}.logo i{font-size:1.2rem}}footer{background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-base) 100%);color:var(--silver);text-align:center;letter-spacing:.02em;border-top:1px solid var(--border-subtle);width:100%;margin-top:auto;padding:1rem 1rem 1.15rem;font-size:.875rem;box-shadow:0 -1px #00aeef0f}@media (width<=768px){.hero{padding:2.5rem 1.25rem}.cards-container{grid-template-columns:1fr;padding:0 1rem}.card-content{padding:1.5rem}.card h3{font-size:1.2rem}.nav-links .telegram-link{justify-content:center;padding:.5rem 0}}@media (width<=991px){.cards-container{grid-template-columns:repeat(2,1fr)}.home-features{grid-template-columns:1fr}}@media (width<=768px){.home-hero-actions{flex-direction:column}.home-primary-btn,.home-secondary-btn{justify-content:center;width:100%}.home-section-grid{grid-template-columns:1fr}.home-features{margin:0 1rem 2rem;padding:1.25rem}}@media (width<=575px){.cards-container{grid-template-columns:1fr}}.donation-section{background-color:var(--bg-base);align-items:center;min-height:calc(100vh - 130px);padding:2rem 0;display:flex}.donation-container{width:100%;max-width:700px;margin:0 auto;padding:0 1rem}.donation-content{background:var(--bg-surface);border-radius:var(--border-radius);box-shadow:var(--shadow-card), 0 0 24px var(--accent-glow);text-align:center;border:1px solid var(--border-accent);padding:2rem;position:relative}.donation-content:before{content:"";background:linear-gradient(45deg, var(--accent-deep), var(--accent), var(--accent-deep));border-radius:calc(var(--border-radius) + 2px);z-index:-1;opacity:.55;animation:2s infinite alternate donationGlow;position:absolute;inset:-2px}@keyframes donationGlow{0%{opacity:.4;filter:drop-shadow(0 0 8px var(--accent-deep-glow))}to{opacity:.65;filter:drop-shadow(0 0 16px var(--accent-glow))}}.donation-content p,.donation-content li,.donation-content .donation-description,.donation-content .donation-subtitle,.donation-content .donation-intro,.donation-content .donation-benefits,.donation-content .donation-impact,.donation-content .donation-cta,.donation-content .donation-footer{color:var(--text-color)!important}.donation-header{margin-bottom:1.5rem;position:relative}.donation-icon{color:var(--accent);margin-bottom:.8rem;font-size:2.5rem;animation:2s infinite pulse}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.donation-content h2{color:var(--primary-color);margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.donation-intro{margin-bottom:2rem}.donation-description{margin-bottom:.5rem;font-size:1.1rem;font-weight:500}.donation-subtitle{opacity:.8;font-size:1rem;font-style:italic}.donation-benefits{text-align:left;margin-bottom:2rem}.donation-benefits h3{color:var(--primary-color);text-align:center;margin-bottom:1.2rem;font-size:1.3rem}.donation-benefits ul{grid-template-columns:repeat(2,1fr);gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.donation-benefits ul li{align-items:center;margin-bottom:.6rem;padding-left:1.2rem;font-size:.95rem;display:flex;position:relative}.donation-benefits ul li i{color:var(--primary-color);margin-right:.6rem;font-size:1rem}.donation-impact{border-radius:var(--border-radius);background-color:#00aeef0f;margin-bottom:2rem;padding:1.5rem}.donation-impact h3{color:var(--primary-color);margin-bottom:1.2rem;font-size:1.3rem}.impact-stats{flex-wrap:wrap;justify-content:space-around;display:flex}.stat-item{flex-direction:column;align-items:center;margin:0 .8rem .8rem;display:flex}.stat-number{color:var(--primary-color);font-size:2rem;font-weight:700;line-height:1}.stat-label{margin-top:.4rem;font-size:.9rem}.donation-cta{border-radius:var(--border-radius);text-align:center;background:linear-gradient(135deg,#0072bc14,#00aeef0d);margin-bottom:1.5rem;padding:1.5rem}.donation-cta h3{color:var(--primary-color);margin-bottom:.5rem;font-size:1.3rem}.donation-cta p{margin-bottom:1.2rem;font-size:1rem}.donation-button-container{justify-content:center;align-items:center;width:100%;display:flex}.donation-button{justify-content:center;margin-top:1.2rem;display:flex}.donation-footer{border-top:1px solid var(--border-subtle);margin-top:1.5rem;padding-top:1.2rem}.donation-footer p{font-size:1rem}.donation-footer i{color:var(--primary-color);margin-left:.3rem}@media (width<=768px){.donation-section{padding:1rem 0}.donation-container{max-width:100%;padding:0 .5rem}.donation-content{padding:1.5rem 1rem}.donation-content h2{font-size:1.5rem}.donation-description{font-size:1rem}.donation-subtitle{font-size:.9rem}.donation-benefits h3{font-size:1.2rem}.donation-benefits ul{grid-template-columns:1fr}.donation-benefits ul li{font-size:.9rem}.donation-content iframe{margin:1rem auto;width:100%!important;height:400px!important}.donation-footer p{font-size:.9rem}}@media (width<=480px){.donation-content{padding:1rem .8rem}.donation-content h2{font-size:1.3rem}.donation-icon{font-size:2rem}.donation-content iframe{height:350px!important}}.back-to-top{background:linear-gradient(135deg, var(--primary-color), var(--secondary-color));width:50px;height:50px;color:var(--white);cursor:pointer;box-shadow:var(--shadow);opacity:0;visibility:hidden;z-index:1000;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .3s;display:flex;position:fixed;bottom:30px;right:30px}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 4px 15px #0003}.back-to-top i{transition:transform .3s}.back-to-top:hover i{transform:translateY(-2px)}@media (width<=768px){.back-to-top{width:40px;height:40px;font-size:1rem;bottom:20px;right:20px}}@media screen and (width>=1200px){.container{max-width:1140px;margin:0 auto;padding:0 2rem}}@media screen and (width<=1199px){.container{max-width:960px;margin:0 auto;padding:0 2rem}}@media screen and (width<=991px){.container{max-width:720px;margin:0 auto;padding:0 1.5rem}.cards-container{grid-template-columns:repeat(2,1fr);gap:20px}.main-nav{padding:.8rem 1.5rem}.logo h1{letter-spacing:.8px;font-size:1.4rem}.logo i{font-size:1.1rem}.documents-list{grid-template-columns:1fr;gap:1.2rem}}@media screen and (width<=767px){.container{max-width:540px;margin:0 auto;padding:0 1rem}.main-nav{padding:.6rem 1rem}.logo h1{letter-spacing:.8px;font-size:1.4rem}.logo i{font-size:1rem}.nav-links{flex-direction:column;align-items:flex-start;width:100%}.nav-links a{text-align:left;width:100%}body{letter-spacing:-.01em;flex-direction:column;min-height:100vh;font-size:15px;display:flex}main{flex:1}footer{width:100%;margin-top:auto}.hero h2{font-size:2rem}.hero p{font-size:1.1rem}.cards-container{grid-template-columns:1fr}.card{margin:10px 0}.test-interface,.results-interface{width:100%;max-width:100%;margin:0;padding:1rem}.question-container,.results-container{box-sizing:border-box;width:100%;margin:0;padding:1.5rem}.results-header h2{margin-bottom:.5rem;font-size:1.8rem}.results-header p{font-size:1rem}.results-score{margin:1rem 0;font-size:3rem}.results-details{grid-template-columns:1fr;gap:1rem;margin:1.5rem 0}.result-stat{padding:1.2rem}.result-stat h4{margin-bottom:.5rem;font-size:1rem}.result-stat p{font-size:1.5rem}.results-actions{flex-direction:column;gap:1rem}.action-btn{justify-content:center;width:100%;padding:.8rem 1.5rem}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em}.document-link{flex-direction:column;align-items:flex-start}.document-link i{margin-bottom:.4rem}.document-category h3{font-size:1.1rem}.document-info h4{font-size:.9rem}.document-info p{font-size:.8rem}}@media screen and (width<=575px){.container{width:100%;padding:0 .8rem}.main-nav{padding:.5rem .8rem}.logo h1{letter-spacing:.6px;font-size:1.3rem}.logo i{font-size:.9rem}.nav-links{flex-direction:column;align-items:flex-start;width:100%}.nav-links a{text-align:left;width:100%}.hero h2{font-size:1.8rem}.hero p{font-size:1rem}.card-content{padding:15px}.card-icon{font-size:2rem}.card h3{font-size:1.2rem}.card p{font-size:.9rem}.test-btn{padding:.8rem 1.2rem;font-size:.9rem}.test-interface,.results-interface{padding:.8rem}.question-container,.results-container{padding:1.2rem}.results-header h2{font-size:1.6rem}.results-score{font-size:2.5rem}.result-stat{padding:1rem}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.telegram-popup{background:var(--surface-elevated);box-shadow:0 4px 24px #00000080, 0 0 20px var(--accent-glow);z-index:1000;border:1px solid var(--border-accent);border-radius:8px;width:85%;max-width:320px;padding:10px 38px 14px 16px;transition:transform .3s ease-in-out;animation:2s infinite alternate telegramGlow;position:fixed;bottom:20px;right:20px;transform:translateY(150%)}@keyframes telegramGlow{0%{box-shadow:0 4px 24px #00000080,0 0 12px #00aeef33}to{box-shadow:0 4px 24px #00000080,0 0 20px #00aeef59}}.telegram-popup.show{transform:translateY(0)}.telegram-popup-content{text-align:center;flex-direction:column;align-items:center;display:flex}.telegram-popup-left{flex-direction:column;align-items:center;width:100%;margin-bottom:12px;display:flex}.telegram-popup-header{justify-content:center;align-items:flex-start;gap:8px;width:100%;margin-bottom:4px;padding-top:10px;display:flex}.telegram-popup-icon{flex-shrink:0;margin-top:2px}.telegram-popup-icon.lucide-popup-send{color:var(--accent-blue);stroke:var(--accent-blue)}.telegram-popup-title{font-family:var(--heading-font);color:var(--silver-light);text-align:left;margin:0;font-size:15px;font-weight:600;line-height:1.35}.telegram-popup-text{font-family:var(--font-family);color:var(--gray-color);margin-bottom:0;font-size:12px}.telegram-popup-button{background:linear-gradient(135deg, var(--accent-blue-deep), var(--accent-blue));color:#fff;font-family:var(--heading-font);cursor:pointer;white-space:nowrap;box-shadow:0 2px 10px var(--accent-glow);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:filter .2s,box-shadow .2s;display:inline-flex}.telegram-popup-button:hover{filter:brightness(1.1);box-shadow:0 4px 16px var(--accent-glow)}.telegram-popup-close{color:var(--gray-color);cursor:pointer;z-index:1001;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;line-height:1;display:inline-flex;position:absolute;top:8px;right:8px}.telegram-popup-close:hover{color:var(--silver-light)}.telegram-popup-close svg{stroke:currentColor}@media (width<=480px){.telegram-popup{width:80%;padding:10px 34px 12px 14px;bottom:20px;right:50%;transform:translate(50%)translateY(150%)}.telegram-popup-header{padding-top:8px}.telegram-popup.show{transform:translate(50%)translateY(0)}}.aviation-header{text-align:center;background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem;padding:3rem 0;position:relative;overflow:hidden}.aviation-header:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));width:100%;height:5px;position:absolute;top:0;left:0}.aviation-header h2{color:var(--dark-color);margin-bottom:1rem;font-size:2.5rem;display:inline-block;position:relative}.aviation-header h2:after{content:"";background-color:var(--primary-color);width:80px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.aviation-header p{color:var(--gray-color);max-width:800px;margin:0 auto;font-size:1.2rem}.learning-materials{gap:2rem;display:grid}.material-card{background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--border-subtle);padding:2rem;position:relative;overflow:hidden}.material-card h3{color:var(--dark-color);border-bottom:2px solid var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;display:inline-block;position:relative}.material-card h3:after{content:"";background-color:var(--secondary-color);width:50px;height:2px;transition:var(--transition);position:absolute;bottom:-2px;left:0}.material-card:hover h3:after{width:100%}.material-content{gap:1.5rem;display:grid}.material-item{background-color:var(--light-color);border:1px solid var(--border-subtle);will-change:transform;border-radius:8px;align-items:flex-start;padding:1.5rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.material-item:before{content:"";background-color:var(--primary-color);width:4px;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.material-item:hover{transform:translate(10px);box-shadow:0 5px 15px #0000001a}.material-item:hover:before{background-color:var(--secondary-color)}.material-icon{color:var(--secondary-color);transition:var(--transition);margin-right:1.5rem;font-size:2.5rem}.material-item:hover .material-icon{transform:scale(1.1)}.material-info{flex:1}.material-info h4{color:var(--dark-color);margin-bottom:.5rem;font-size:1.2rem;display:inline-block;position:relative}.material-info h4:after{content:"";background-color:var(--primary-color);width:0;height:2px;transition:var(--transition);position:absolute;bottom:0;left:0}.material-item:hover .material-info h4:after{width:100%}.material-info p{color:var(--gray-color);margin-bottom:1rem;font-size:.95rem}.access-btn{background-color:var(--primary-color);color:var(--white);transition:var(--transition);z-index:1;border-radius:5px;align-items:center;padding:.5rem 1rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.access-btn:before{content:"";width:100%;height:100%;transition:var(--transition);z-index:-1;background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.access-btn:hover:before{left:100%}.access-btn i{transition:var(--transition);margin-right:.5rem}.access-btn:hover{background-color:var(--dark-color);transform:translateY(-2px)}.access-btn:hover i{transform:translateY(-2px)}.english-content{max-width:100%;margin:0 auto;padding:1.5rem}.intro-section{background:var(--surface);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 3px 10px #0000001a}.intro-section h3{color:var(--primary-color);align-items:center;gap:.4rem;margin-bottom:.8rem;font-size:1.2rem;display:flex}.intro-section p{color:var(--dark-color);margin-bottom:1.2rem;font-size:.9rem;line-height:1.5}.discussion-topics-section{background-color:var(--surface);border-radius:15px;margin:2rem 0;padding:2.5rem 2rem;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000001a}.discussion-topics-section:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));width:100%;height:5px;position:absolute;top:0;left:0}.discussion-topics-section h2{color:var(--dark-color);text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.3rem;font-weight:600;position:relative}.discussion-topics-section h3{color:var(--dark-color);text-align:center;margin-bottom:1.5rem;font-size:1rem;font-weight:400}.topics-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.8rem;max-width:1300px;margin:0 auto;display:grid}.topic-button{background:var(--light-color);color:var(--text-color);border:1px solid #0000000d;border-radius:10px;justify-content:center;align-items:center;height:60px;padding:.8rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d}.topic-button:before{content:"";background:linear-gradient(to bottom, var(--primary-color), var(--secondary-color));width:4px;height:100%;transition:width .3s;position:absolute;top:0;left:0}.topic-button:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.topic-button:hover:before{width:6px}.topic-button:after{content:"";background:linear-gradient(to right, var(--primary-color), var(--secondary-color));transform-origin:0;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.topic-button:hover:after{transform:scaleX(1)}.topic-button span{text-align:center;z-index:1;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 5px;font-size:.65rem;font-weight:500;line-height:1.3;position:relative;overflow:hidden}@media (width<=768px){.material-item{text-align:center;flex-direction:column}.material-icon{margin:0 0 1rem}.access-btn{justify-content:center;width:100%}.material-item:hover{transform:translateY(-5px)}.discussion-topics-section{padding:1.5rem 1rem}.topics-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem}.topic-button{height:60px;padding:.8rem}.topic-button span{font-size:.7rem}.audio-list{grid-template-columns:1fr}}@media (width<=480px){.topics-container{grid-template-columns:1fr}}.learning-materials{margin:1.5rem 0}.learning-materials h3{color:var(--primary-color);align-items:center;gap:.4rem;margin-bottom:1.2rem;font-size:1.2rem;display:flex}.materials-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;display:grid}.material-card{background:var(--surface);text-align:center;border-radius:8px;padding:1.2rem;transition:all .3s;box-shadow:0 3px 10px #0000001a}.material-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #00000026}.material-card i{color:var(--primary-color);margin-bottom:.8rem;font-size:2rem}.material-card h4{color:var(--dark-color);margin-bottom:.4rem;font-size:1rem}.material-card p{color:var(--gray-color);margin-bottom:.8rem;font-size:.85rem}.download-link{background:var(--primary-color);color:#fff;border-radius:4px;padding:.4rem .8rem;font-size:.85rem;text-decoration:none;transition:background .3s;display:inline-block}.download-link:hover{background:var(--primary-dark)}.practice-section{background-color:var(--surface);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem;padding:2.5rem;position:relative;overflow:hidden}.practice-section:before{content:"";background:linear-gradient(90deg, var(--primary-color), var(--secondary-color));width:100%;height:5px;position:absolute;top:0;left:0}.practice-section h2{color:var(--primary-color);text-align:center;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.8rem;font-weight:600;position:relative}.practice-section h2:after{content:"";background:linear-gradient(to right, var(--primary-color), var(--secondary-color));width:80px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.section-intro{border-left:4px solid var(--primary-color);background-color:#00aeef0d;border-radius:10px;margin-bottom:1.5rem;padding:1.5rem}.section-intro p{color:var(--dark-color);margin:0;font-size:.95rem;line-height:1.6}.audio-container{will-change:transform;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.audio-item{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);will-change:transform;border-radius:12px;padding:1.2rem;transition:transform .3s,box-shadow .3s,border-color .3s}.audio-item:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-accent);transform:translateY(-5px)}.audio-item h5{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.audio-item audio{width:100%;margin-top:.5rem}@media (width<=768px){.audio-container{grid-template-columns:1fr}.load-more-btn{width:100%;max-width:300px}}.audio-header{background-color:var(--light-color);cursor:pointer;border-left:4px solid var(--primary-color);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.8rem;transition:background-color .3s;display:flex}.audio-header:hover{background-color:#00aeef1a}.audio-header h3{color:var(--primary-color);margin:0;font-size:1.1rem;font-weight:600}.toggle-btn{color:var(--primary-color);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:.5rem;transition:transform .3s;display:flex}.toggle-btn:hover{background-color:#00aeef1a}.toggle-btn svg{stroke:currentColor}.load-more-btn{background:linear-gradient(135deg, var(--accent-deep), var(--accent));width:100%;max-width:300px;color:var(--white);border:1px solid var(--border-accent);cursor:pointer;border-radius:999px;margin:20px auto;padding:12px 24px;font-size:16px;font-weight:500;transition:all .3s;display:block}.load-more-btn:hover{filter:brightness(1.08);box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-2px)}.load-more-btn i{margin-left:8px;transition:transform .3s}.load-more-btn:hover i{transform:translateY(2px)}.english-content-header{text-align:center;color:var(--text-color);margin-bottom:2rem}.english-content-header h1{color:var(--text-color);margin-bottom:1rem;font-size:1.8rem;font-weight:600}.english-content-header p{color:var(--text-color);max-width:800px;margin:0 auto;font-size:1rem;line-height:1.5}@media screen and (width<=991px){.english-content-header h1{font-size:1.6rem}.english-content-header p{font-size:.95rem}}@media screen and (width<=575px){.english-content-header h1{font-size:1.4rem}.english-content-header p{font-size:.9rem}}.audio-list{gap:1rem;margin-top:1rem;display:grid}.audio-list.collapsed{display:none}.topic-button svg,.topic-button .etian-link-icon{color:var(--primary-color);stroke:currentColor;flex-shrink:0;margin-right:.5rem}@media (width<=768px){.audio-header{padding:.6rem}.audio-header h3{font-size:1rem}.toggle-btn{width:25px;height:25px;padding:.4rem}}@media (width<=480px){.audio-header{padding:.5rem}.audio-header h3{font-size:.9rem}.toggle-btn{width:22px;height:22px;padding:.3rem}}.audio-description{color:var(--text-color);margin-bottom:20px}.etian-test-section{background-color:var(--surface-elevated);border-radius:10px;margin-bottom:2rem;padding:2rem}.etian-test-container{flex-direction:column;gap:2rem;max-width:900px;margin-top:1.5rem;margin-left:auto;margin-right:auto;display:flex}.etian-test-text{width:100%}.etian-test-text h3{color:var(--text-color);margin-bottom:1rem;font-size:1.1rem;line-height:1.4}.etian-test-buttons{flex-direction:column;justify-content:flex-start;width:100%;display:flex}.etian-test-container .interview-example-block{margin:0}.etian-test-buttons .topics-container{grid-template-columns:repeat(2,1fr);gap:1rem;width:100%;display:grid}.etian-test-buttons .topic-button{background:var(--light-color);width:100%;height:auto;min-height:60px;color:var(--text-color);border:1px solid #0000000d;border-radius:10px;align-items:center;padding:1.2rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000000d}.etian-test-buttons .topic-button svg,.etian-test-buttons .etian-link-icon{color:var(--primary-color);stroke:currentColor;flex-shrink:0;margin-right:1rem}.etian-test-buttons .topic-button span{white-space:normal;text-align:left;flex:1;padding:0 1rem;font-size:1rem}.etian-test-buttons .topic-button:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.interview-example-block .audio-header h3{font-size:1.3rem;font-weight:600}.interview-list{margin-top:1rem}.interview-list.collapsed{display:none}.interview-item{border-bottom:1px solid #00000014;padding:1.25rem 0}.interview-item:last-child{border-bottom:none;padding-bottom:0}.interview-question{color:var(--primary-color);margin:0 0 .75rem;font-size:.95rem;font-weight:600;line-height:1.5}.interview-answer{color:var(--dark-color);margin:0;font-size:1.05rem;line-height:1.65}@media (width<=768px){.english-content{padding:1rem .75rem}.discussion-topics-section{margin:1.25rem 0}.discussion-topics-section h2{padding-left:.25rem;padding-right:.25rem;font-size:1.1rem;line-height:1.35}.discussion-topics-section.etian-test-section{padding:1.25rem 1rem}.etian-test-container{gap:1.5rem;max-width:100%}.etian-test-text h3{text-align:left;margin-bottom:.75rem;font-size:.95rem}.interview-example-block .audio-header{align-items:flex-start;gap:.5rem;padding:.75rem}.interview-example-block .audio-header h3{text-align:left;flex:1;min-width:0;font-size:clamp(.8rem,3.2vw,1.1rem);line-height:1.35}.interview-example-block .toggle-btn{flex-shrink:0;width:44px;min-width:44px;height:44px;min-height:44px}.etian-test-buttons .topics-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.etian-test-buttons .topic-button{flex-direction:column;justify-content:center;min-height:4.5rem;padding:.65rem .4rem}.etian-test-buttons .topic-button svg,.etian-test-buttons .etian-link-icon{margin-bottom:.25rem;margin-right:0}.etian-test-buttons .topic-button span{text-align:center;padding:0;font-size:.75rem;line-height:1.25}.interview-question,.interview-answer{overflow-wrap:anywhere}}@media (width<=480px){.english-content{padding:.75rem .5rem}.discussion-topics-section{border-radius:12px;padding:1.25rem .75rem}.topics-container{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.topic-button span{white-space:normal;line-height:1.25}}@media (width<=360px){.etian-test-buttons .topics-container{grid-template-columns:1fr}.etian-test-buttons .topic-button{flex-direction:row;justify-content:flex-start;min-height:3.25rem;padding:.75rem 1rem}.etian-test-buttons .topic-button svg,.etian-test-buttons .etian-link-icon{margin-bottom:0;margin-right:.75rem}.etian-test-buttons .topic-button span{text-align:left;font-size:.85rem}}.test-interface{max-width:800px;margin:0 auto;padding:1.5rem 1rem 2rem}.question-container{background:var(--surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-card);border-radius:18px;padding:1.85rem;position:relative;overflow:hidden}.progress-bar{background-color:var(--hover-color);width:100%;height:5px;position:absolute;top:0;left:0}.progress{background:linear-gradient(90deg, var(--accent-blue-deep), var(--accent-blue));height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.question-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.2rem;padding-bottom:.8rem;display:flex}.test-interface .question-number{color:var(--accent-blue);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.question-progress{color:var(--gray-color);background-color:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:999px;padding:.35rem .85rem;font-size:.88rem}.test-interface .question{color:var(--dark-color);margin:1.2rem 0;font-size:1.2rem;font-weight:500;line-height:1.5}.options{gap:.8rem;margin-top:1.5rem;display:grid}.option-btn{background-color:var(--surface-elevated);border:2px solid var(--border-subtle);color:var(--text-color);cursor:pointer;text-align:left;border-radius:12px;padding:1rem 1.35rem;font-size:1rem;transition:background-color .2s,border-color .2s,transform .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.option-btn:hover{border-color:var(--accent-blue);background-color:#00aeef14;transform:translate(4px)}}.option-btn.selected{border-color:var(--accent-blue);color:var(--silver-light);background:linear-gradient(135deg,#0072bc40 0%,#00aeef26 100%)}.test-controls{border-top:1px solid var(--border-subtle);justify-content:space-between;margin-top:2rem;padding-top:1.2rem;display:flex}.control-btn{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.control-btn svg,.action-btn svg{flex-shrink:0}.prev-btn{background-color:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--gray-color)}@media (hover:hover) and (pointer:fine){.prev-btn:hover:not(:disabled){background-color:var(--hover-color);transform:translate(-3px)}}.next-btn{background:linear-gradient(135deg, var(--accent-blue-deep), var(--accent-blue));color:#fff;border:none}@media (hover:hover) and (pointer:fine){.next-btn:hover{filter:brightness(1.1);transform:translate(3px)}}.submit-btn{background:linear-gradient(135deg, var(--success-color), var(--accent-deep));color:#fff;border:none}@media (hover:hover) and (pointer:fine){.submit-btn:hover{filter:brightness(1.08);transform:translateY(-2px)}}.control-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.test-interface{padding:1rem}.question-container{border-radius:12px;padding:1.2rem}.test-interface .question{font-size:1.1rem}.option-btn{padding:.9rem;font-size:.95rem}.control-btn{padding:.6rem 1.2rem;font-size:.9rem}}.results-interface{max-width:800px;margin:0 auto;padding:1.5rem}.results-container{background-color:var(--surface);border:1px solid var(--border-subtle);text-align:center;box-shadow:var(--shadow-card);border-radius:15px;padding:2rem;position:relative;overflow:hidden}.results-container:before{content:"";background:linear-gradient(90deg, var(--accent-deep), var(--accent));background-size:200% 100%;width:100%;height:4px;position:absolute;top:0;left:0}.results-header{margin-bottom:1.5rem}.results-header h2{color:var(--dark-color);margin-bottom:.4rem;font-size:1.8rem;font-weight:700}.results-score{color:var(--accent-blue);text-shadow:0 0 24px var(--accent-glow);margin:1.2rem 0;font-size:3.5rem;font-weight:700}.results-grade{box-shadow:var(--shadow-card);border:2px solid;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.8rem 1.5rem;font-size:1.8rem;font-weight:700;transition:all .3s;display:inline-flex;transform:translateY(0)}.results-grade:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-5px)}.results-grade svg{flex-shrink:0}.results-actions{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:2rem;display:flex}.action-btn{cursor:pointer;border-radius:10px;align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-size:1rem;font-weight:500;display:flex}.restart-btn{background:linear-gradient(135deg, var(--accent-deep), var(--accent));color:#fff;border:none}.retake-btn{background:linear-gradient(135deg, var(--accent-deep), var(--warning-color));color:#fff;border:none}.review-btn{background-color:var(--surface-elevated);border:1px solid var(--border-subtle);color:var(--gray-color)}@media (width<=768px){.results-interface{padding:1rem}.results-container{padding:1.2rem}.results-score{font-size:2.5rem}.results-grade{font-size:1.3rem}}.review-interface{max-width:800px;margin:0 auto;padding:1.5rem}.review-container{background-color:var(--surface);border:1px solid var(--border-subtle);text-align:center;box-shadow:var(--shadow-card);border-radius:15px;padding:2rem;position:relative;overflow:hidden}.review-container:before{content:"";background:linear-gradient(90deg, var(--accent-deep), var(--accent));background-size:200% 100%;width:100%;height:4px;position:absolute;top:0;left:0}.review-header{margin-bottom:1.5rem}.review-header h2{color:var(--dark-color);margin-bottom:.4rem;font-size:1.8rem;font-weight:700}.review-questions{text-align:left;flex-direction:column;gap:1.2rem;margin:1.5rem 0;display:flex}.review-question{background-color:var(--surface-elevated);border-left:4px solid var(--accent-blue);border-radius:12px;padding:1.2rem}.review-interface .question-number{color:var(--accent-blue);margin-bottom:.4rem;font-size:1rem;font-weight:600}.review-interface .question-text{color:var(--dark-color);margin-bottom:.8rem;font-size:1.1rem;font-weight:500}.answer-details{grid-template-columns:1fr;gap:.8rem;display:grid}.correct-answer{background-color:var(--surface);border:1px solid var(--border-subtle);border-radius:8px;padding:.8rem}.correct-answer h4{color:var(--gray-color);margin-bottom:.4rem;font-size:.95rem}.correct-text{color:var(--success-color);border-left:3px solid var(--success-color);background-color:#3dbfae1f;border-radius:4px;margin-bottom:.4rem;padding:.4rem;font-size:1rem;font-weight:600}.review-actions{justify-content:center;margin-top:2rem;display:flex}@media (width<=768px){.review-interface{padding:1rem}.review-container{padding:1.2rem}.review-header h2{font-size:1.5rem}.review-interface .question-text{font-size:1rem}.correct-text{font-size:.95rem}}.load-more-btn{cursor:pointer;margin:1rem auto;padding:.6rem 1.2rem;display:block}.shpargalki-content{margin:0 0 2.5rem}.shpargalki-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.35rem;margin:0;padding:0;list-style:none;display:grid}.shpargalka-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface);width:100%;height:100%;box-shadow:var(--shadow-card);color:inherit;text-align:left;cursor:pointer;flex-direction:column;padding:0;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s,border-color .25s;display:flex;overflow:hidden}.shpargalka-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--border-accent);transform:translateY(-4px)}.shpargalka-card-preview{aspect-ratio:4/3;background:var(--bg-base);position:relative;overflow:hidden}.shpargalka-card-preview img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .4s}.shpargalka-card:hover .shpargalka-card-preview img{transform:scale(1.04)}.shpargalka-card-zoom{border:1px solid var(--border-accent);width:2.25rem;height:2.25rem;color:var(--accent-blue);opacity:0;background:#000000bf;border-radius:10px;justify-content:center;align-items:center;transition:opacity .25s,transform .25s;display:flex;position:absolute;bottom:.75rem;right:.75rem;transform:translateY(6px)}.shpargalka-card:hover .shpargalka-card-zoom{opacity:1;transform:translateY(0)}.shpargalka-card-body{padding:1rem 1.15rem 1.15rem}.shpargalka-card-body h3{font-family:var(--heading-font);color:var(--dark-color);margin-bottom:.35rem;font-size:1.05rem;font-weight:600}.shpargalka-card-body p{color:var(--gray-color);font-size:.875rem;line-height:1.5}.shpargalka-lightbox{z-index:2000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.shpargalka-lightbox-backdrop{cursor:pointer;background:#000000e0;border:none;position:absolute;inset:0}.shpargalka-lightbox-panel{border-radius:var(--radius-card);background:var(--surface-elevated);border:1px solid var(--border-subtle);width:min(100%,1100px);max-height:calc(100vh - 2rem);box-shadow:0 24px 48px #0009, 0 0 40px var(--accent-glow);flex-direction:column;display:flex;position:relative;overflow:hidden}.shpargalka-lightbox-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--surface);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;display:flex}.shpargalka-lightbox-toolbar h2{font-family:var(--heading-font);color:var(--dark-color);font-size:1.05rem;font-weight:600}.shpargalka-lightbox-actions{align-items:center;gap:.35rem;display:flex}.shpargalka-lightbox-btn{width:2.25rem;height:2.25rem;color:var(--silver);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.shpargalka-lightbox-btn:hover{color:var(--accent-blue);background:#00aeef26}.shpargalka-lightbox-body{background:var(--bg-base);padding:.75rem;overflow:auto}.shpargalka-lightbox-body img{border-radius:8px;width:100%;height:auto;display:block}@media (width<=575px){.shpargalka-lightbox{padding:0}.shpargalka-lightbox-panel{border-radius:0;width:100%;max-height:100vh}}
