:root{--brand-primary:#5f56fe;--brand-primary-light:#eeecff;--brand-primary-medium:#d4d0ff;--brand-primary-dark:#4840c7;--text-dark:#0f0f0f;--text-gray:#64748b;--text-light:#717171;--green-check:#22c55e;--lavender-bg:#eeeaff;--bg-white:#fff;--bg-off-white:#fafafa;--border-light:rgba(95,86,254,.08)}html{scroll-behavior:smooth}body{background:var(--bg-white);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;color:var(--text-dark)}::selection{background:var(--brand-primary);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-off-white)}::-webkit-scrollbar-thumb{background:var(--brand-primary);border-radius:4px}body:before{content:"";opacity:.018;z-index:10000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.blog-page .bg-grid,body:before{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.blog-page .bg-grid{z-index:-2;background-image:linear-gradient(rgba(95,86,254,.03) 1px,transparent 0),linear-gradient(90deg,rgba(95,86,254,.03) 1px,transparent 0);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0,transparent 70%)}.gradient-orb{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:-1;opacity:.35}.orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(95,86,254,.15) 0,transparent 70%);top:-200px;right:-200px;animation:orbFloat1 20s ease-in-out infinite}.orb-2{width:500px;height:500px;background:radial-gradient(circle,rgba(139,127,253,.12) 0,transparent 70%);bottom:20%;left:-150px;animation:orbFloat2 25s ease-in-out infinite}.orb-3{width:400px;height:400px;background:radial-gradient(circle,rgba(95,86,254,.1) 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:orbFloat1 30s ease-in-out infinite reverse}@keyframes orbFloat1{0%,to{transform:translate(0)}50%{transform:translate(-50px,50px)}}@keyframes orbFloat2{0%,to{transform:translate(0)}50%{transform:translate(80px,-40px)}}.btn-signin{text-decoration:none;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;color:#0f0f0f;background:transparent;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--systemFont)}.btn-signin:hover{border-color:#5f56fe;color:#5f56fe}.btn-signup{text-decoration:none;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;color:#fff;background:#0f0f0f;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--systemFont)}.btn-signup:hover{background:#5f56fe}section{overflow-x:hidden;overflow-x:clip}.reveal{opacity:0;transform:translateY(40px);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal.active{opacity:1;transform:translateY(0)}.reveal-scale{opacity:0;transform:scale(.92);transition:all .8s cubic-bezier(.4,0,.2,1)}.reveal-scale.active{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.stagger-children.active>:first-child{transition-delay:.05s;opacity:1;transform:translateY(0)}.stagger-children.active>:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.stagger-children.active>:nth-child(3){transition-delay:.12s;opacity:1;transform:translateY(0)}.stagger-children.active>:nth-child(4){transition-delay:.15s;opacity:1;transform:translateY(0)}.stagger-children.active>:nth-child(5){transition-delay:.18s;opacity:1;transform:translateY(0)}.stagger-children.active>:nth-child(6){transition-delay:.21s;opacity:1;transform:translateY(0)}.stagger-children.active>:nth-child(7){transition-delay:.24s;opacity:1;transform:translateY(0)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(95,86,254,.2),transparent);margin:0 auto;max-width:800px}.gradient-text{background:linear-gradient(135deg,var(--brand-primary) 0,#8b7ffd 50%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1rem;background:var(--brand-primary-light);border-radius:50px;font-size:.75rem;font-weight:700;color:var(--brand-primary);margin-bottom:1.25rem;text-transform:uppercase;letter-spacing:.05em}.blog-hero{padding:8rem 2rem 4rem;position:relative;text-align:center}.blog-hero-container{max-width:800px;margin:0 auto}.blog-hero-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;background:var(--brand-primary-light);border:1px solid var(--brand-primary-medium);border-radius:50px;font-size:.8rem;font-weight:700;color:var(--brand-primary);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.06em}.blog-hero-title{font-size:clamp(2.4rem,5vw,3.6rem);font-weight:800;line-height:1.15;letter-spacing:-.03em;color:var(--text-dark);margin-bottom:1.25rem}.blog-hero-subtitle{font-size:1.15rem;color:var(--text-light);line-height:1.8;max-width:600px;margin:0 auto 2.5rem}.blog-search-wrapper{max-width:540px;margin:0 auto;position:relative}.blog-search-bar{width:100%;padding:1rem 1.25rem 1rem 3.25rem;font-size:1rem;color:var(--text-dark);background:var(--bg-white);border:1.5px solid var(--border-light);border-radius:16px;outline:none;transition:all .3s ease;box-shadow:0 4px 20px rgba(0,0,0,.04)}.blog-search-bar::placeholder{color:#b0b0b0}.blog-search-bar:focus{border-color:var(--brand-primary);box-shadow:0 4px 30px rgba(95,86,254,.12)}.blog-search-icon{left:1.1rem;pointer-events:none}.blog-search-clear,.blog-search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-light)}.blog-search-clear{right:1rem;background:var(--bg-off-white);border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.85rem;transition:all .2s ease}.blog-search-clear:hover{background:var(--brand-primary-light);color:var(--brand-primary)}.blog-categories-section{padding:2rem 2rem 0}.blog-categories-container{max-width:1200px;margin:0 auto}.blog-categories-strip{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center}.blog-cat-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;background:var(--bg-white);border:1px solid var(--border-light);border-radius:50px;font-size:.82rem;font-weight:600;color:var(--text-dark);cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.blog-cat-chip:hover{border-color:rgba(95,86,254,.3);box-shadow:0 4px 16px rgba(95,86,254,.08);transform:translateY(-2px)}.blog-cat-chip.active-cat{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary);box-shadow:0 4px 20px rgba(95,86,254,.25)}.blog-cat-chip-count{font-size:.7rem;background:rgba(95,86,254,.1);color:var(--brand-primary);padding:.1rem .45rem;border-radius:20px;font-weight:700}.blog-cat-chip.active-cat .blog-cat-chip-count{background:hsla(0,0%,100%,.25);color:#fff}.blog-featured-section{padding:3rem 2rem 2rem}.blog-featured-container{max-width:1100px;margin:0 auto}.blog-featured-header{margin-bottom:2rem}.blog-featured-label{font-size:1.1rem;font-weight:700;color:var(--text-dark);display:flex;align-items:center;gap:.5rem}.blog-featured-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-gap:1.5rem;gap:1.5rem}.featured-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:22px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative}.featured-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,.08);border-color:rgba(95,86,254,.15)}.featured-card-cover{position:relative;height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.featured-card-1 .featured-card-cover{height:260px}.featured-card-cover-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.06}.featured-card-cover-icon{font-size:4rem;z-index:2;filter:drop-shadow(0 8px 24px rgba(0,0,0,.25));animation:coverIconFloat 4s ease-in-out infinite}@keyframes coverIconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.05)}}.featured-badge{position:absolute;top:1rem;left:1rem;padding:.35rem .85rem;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50px;font-size:.7rem;font-weight:700;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.04em;z-index:3;box-shadow:0 2px 12px rgba(0,0,0,.1)}.featured-card-body{padding:1.5rem}.featured-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.featured-card-title{font-size:1.05rem;font-weight:700;color:var(--text-dark);line-height:1.4;margin-bottom:.65rem;letter-spacing:-.01em}.featured-card-1 .featured-card-title{font-size:1.3rem}.featured-card-excerpt{font-size:.85rem;color:var(--text-light);line-height:1.7;margin-bottom:1rem;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-card-1 .featured-card-excerpt{line-clamp:4;-webkit-line-clamp:4}.featured-card-footer{display:flex;align-items:center;justify-content:space-between}.card-read-indicator{margin-top:.75rem;font-size:.78rem;font-weight:700;color:var(--brand-primary);opacity:0;transform:translateX(-8px);transition:all .3s ease}.blog-card:hover .card-read-indicator,.featured-card:hover .card-read-indicator{opacity:1;transform:translateX(0)}.blog-grid-section{padding:3rem 2rem 4rem}.blog-grid-container{max-width:1100px;margin:0 auto}.blog-grid-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:3rem;gap:3rem;align-items:start}.blog-grid-main{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem}.blog-grid-header{margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.blog-grid-label{font-size:1.1rem;font-weight:700;color:var(--text-dark)}.blog-grid-count{font-size:.85rem;color:var(--text-light)}.blog-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:22px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 50px rgba(0,0,0,.08);border-color:rgba(95,86,254,.15)}.blog-card-cover{position:relative;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.blog-card-cover-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.06}.blog-card-cover-icon{font-size:2.8rem;z-index:2;filter:drop-shadow(0 6px 18px rgba(0,0,0,.2))}.blog-card-body{padding:1.35rem;display:flex;flex-direction:column;flex:1 1}.blog-card-meta-row{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem;flex-wrap:wrap}.blog-card-category{font-size:.72rem;font-weight:700;color:var(--brand-primary);background:var(--brand-primary-light);padding:.2rem .6rem;border-radius:20px;white-space:nowrap}.blog-card-date{font-size:.72rem;color:var(--text-light)}.blog-card-title{font-size:.98rem;font-weight:700;color:var(--text-dark);line-height:1.4;margin-bottom:.5rem;letter-spacing:-.01em;line-clamp:2;-webkit-line-clamp:2}.blog-card-excerpt,.blog-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.82rem;color:var(--text-light);line-height:1.65;margin-bottom:.85rem;line-clamp:3;-webkit-line-clamp:3;flex:1 1}.blog-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.85rem}.blog-card-tag{font-size:.65rem;font-weight:600;color:var(--text-gray);background:var(--bg-off-white);padding:.2rem .5rem;border-radius:6px;border:1px solid var(--border-light)}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--border-light);margin-top:auto}.blog-card-author{display:flex;align-items:center;gap:.4rem}.blog-card-author-avatar{width:24px;height:24px;border-radius:50%;background:var(--lavender-bg);display:flex;align-items:center;justify-content:center;font-size:.7rem}.blog-card-author-name{font-size:.75rem;font-weight:600;color:var(--text-dark)}.blog-card-read-time{font-size:.72rem;color:var(--text-light);display:flex;align-items:center;gap:.3rem}.blog-sidebar{position:-webkit-sticky;position:sticky;top:2rem;display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:20px;padding:1.5rem}.sidebar-card-title{font-size:.95rem;font-weight:700;color:var(--text-dark);margin-bottom:1rem;display:flex;align-items:center;gap:.4rem}.sidebar-topics{display:flex;flex-wrap:wrap;gap:.4rem}.sidebar-topic-chip{padding:.35rem .7rem;background:var(--bg-off-white);border:1px solid var(--border-light);border-radius:8px;font-size:.72rem;font-weight:600;color:var(--text-gray);cursor:pointer;transition:all .25s ease}.sidebar-topic-chip:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light);transform:translateY(-1px)}.sidebar-popular-list{display:flex;flex-direction:column;gap:.85rem}.sidebar-popular-item{display:flex;gap:.75rem;cursor:pointer;padding:.5rem;border-radius:12px;transition:all .25s ease}.sidebar-popular-item:hover{background:var(--bg-off-white)}.sidebar-popular-num{font-size:1.3rem;font-weight:800;color:var(--brand-primary-medium);min-width:28px;line-height:1}.sidebar-popular-title{font-size:.82rem;font-weight:600;color:var(--text-dark);line-height:1.4;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sidebar-popular-meta{font-size:.68rem;color:var(--text-light);margin-top:.2rem}.newsletter-section{padding:3rem 2rem 5rem}.newsletter-container{margin:0 auto}.newsletter-card{max-width:1100px;margin:auto;background:var(--brand-primary);border-radius:28px;padding:3.5rem;position:relative;overflow:hidden;text-align:center}.newsletter-bg{position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(139,127,253,.4) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(167,139,250,.3) 0,transparent 40%);animation:ctaBgMove 12s ease-in-out infinite;pointer-events:none}@keyframes ctaBgMove{0%,to{transform:translate(0)}50%{transform:translate(15px,15px)}}.newsletter-texture{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03}.newsletter-particles,.newsletter-texture{position:absolute;inset:0;pointer-events:none}.newsletter-particles span{position:absolute;width:5px;height:5px;background:hsla(0,0%,100%,.25);border-radius:50%;animation:particleFloat 10s linear infinite}.newsletter-particles span:first-child{left:10%;top:20%;animation-delay:0s}.newsletter-particles span:nth-child(2){left:25%;top:60%;animation-delay:2s}.newsletter-particles span:nth-child(3){left:45%;top:30%;animation-delay:4s}.newsletter-particles span:nth-child(4){left:65%;top:70%;animation-delay:1s}.newsletter-particles span:nth-child(5){left:85%;top:40%;animation-delay:3s}@keyframes particleFloat{0%{transform:translateY(80px) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-80px) scale(1);opacity:0}}.newsletter-content{position:relative;z-index:2}.newsletter-icon{font-size:2.5rem;margin-bottom:1rem}.newsletter-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:#fff;margin-bottom:.75rem}.newsletter-desc{font-size:1rem;color:hsla(0,0%,100%,.85);line-height:1.7;max-width:440px;margin:0 auto 1.75rem}.newsletter-form{display:flex;gap:.75rem;max-width:440px;margin:0 auto}.newsletter-input-wrap{position:relative;flex:1 1}.newsletter-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.5);pointer-events:none}.newsletter-input{width:100%;padding:.85rem 1rem .85rem 2.8rem;font-size:.92rem;color:#fff;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);border-radius:12px;outline:none;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.newsletter-input::placeholder{color:hsla(0,0%,100%,.5)}.newsletter-input:focus{border-color:hsla(0,0%,100%,.5);background:hsla(0,0%,100%,.2)}.newsletter-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.85rem 1.5rem;font-size:.92rem;font-weight:700;color:var(--brand-primary);background:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.15)}.newsletter-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 24px rgba(0,0,0,.2)}.newsletter-fine{font-size:.72rem;color:hsla(0,0%,100%,.5);margin-top:1rem}.newsletter-success{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;color:#fff;font-weight:600;padding:1rem;background:hsla(0,0%,100%,.15);border-radius:12px}.newsletter-success-icon{font-size:1.2rem}.blog-empty{text-align:center;padding:4rem 2rem;grid-column:1/-1}.blog-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.blog-empty-title{font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:.5rem}.blog-empty-desc{font-size:.9rem;color:var(--text-light)}.blog-empty-clear{margin-top:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;background:var(--brand-primary-light);color:var(--brand-primary);border:none;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .3s ease}.blog-empty-clear:hover{background:var(--brand-primary);color:#fff}.article-view{max-width:100%}.article-progress-bar{position:fixed;top:0;left:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--brand-primary),#a78bfa);transition:width .1s linear;box-shadow:0 0 10px rgba(95,86,254,.4)}.article-nav{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);position:-webkit-sticky;position:sticky;top:0;z-index:100;justify-content:space-between;padding:1rem 2rem;background:hsla(0,0%,100%,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border-light)}.article-back-btn,.article-nav{display:flex;align-items:center}.article-back-btn{gap:.5rem;font-size:.88rem;font-weight:700;color:var(--text-dark);background:none;border:none;cursor:pointer;padding:.5rem 1rem;border-radius:10px;transition:all .25s ease}.article-back-btn:hover{background:var(--brand-primary-light);color:var(--brand-primary)}.article-share-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-light);background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-gray);transition:all .25s ease}.article-share-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light)}.article-hero{max-width:860px;margin:0 auto;padding:7rem 2rem 0}.article-hero-cover{height:320px;border-radius:24px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:2.5rem}.article-hero-cover-pattern{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.06}.article-hero-icon{font-size:5rem;z-index:2;filter:drop-shadow(0 12px 32px rgba(0,0,0,.3));animation:coverIconFloat 4s ease-in-out infinite}.article-hero-content{max-width:720px}.article-meta-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.article-date,.article-read-time{font-size:.8rem;color:var(--text-light)}.article-read-time{display:flex;align-items:center;gap:.3rem}.article-title{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.2;letter-spacing:-.03em;color:var(--text-dark);margin-bottom:1rem}.article-excerpt-hero{font-size:1.1rem;color:var(--text-light);line-height:1.8;margin-bottom:1.5rem}.article-author-row{display:flex;align-items:center;gap:.75rem;padding-bottom:2rem;border-bottom:1px solid var(--border-light)}.article-author-avatar{width:44px;height:44px;border-radius:50%;background:var(--lavender-bg);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.article-author-name{font-size:.92rem;font-weight:700;color:var(--text-dark)}.article-author-role{font-size:.78rem;color:var(--text-light)}.article-body-layout{max-width:1060px;margin:0 auto;padding:2.5rem 2rem 3rem;display:grid;grid-template-columns:200px 1fr;grid-gap:3rem;gap:3rem}.article-toc{position:relative}.article-toc-sticky{position:-webkit-sticky;position:sticky;top:5rem}.article-toc-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-gray);margin-bottom:.75rem}.article-toc-list{list-style:none;display:flex;flex-direction:column;gap:.1rem;border-left:2px solid var(--border-light)}.article-toc-item{font-size:.78rem;color:var(--text-light);padding:.4rem 0 .4rem 1rem;cursor:pointer;transition:all .25s ease;position:relative;line-height:1.4;margin-left:-2px;border-left:2px solid transparent}.article-toc-item:hover{color:var(--brand-primary)}.article-toc-item.active-toc{color:var(--brand-primary);font-weight:600;border-left-color:var(--brand-primary)}.article-content{max-width:720px}.article-section{margin-bottom:2.5rem}.article-section-heading{font-size:1.5rem;font-weight:800;color:var(--text-dark);letter-spacing:-.02em;margin-bottom:1.25rem;padding-top:.5rem;line-height:1.3}.article-paragraph{font-family:"Source Serif 4",Georgia,serif;font-size:1.08rem;line-height:1.9;color:#333;margin-bottom:1.25rem;font-weight:400}.article-takeaways{background:linear-gradient(135deg,var(--brand-primary-light),#f0edff);border:1px solid var(--brand-primary-medium);border-radius:20px;padding:2rem;margin:2.5rem 0}.article-takeaways-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.article-takeaways-icon{font-size:1.4rem}.article-takeaways-title{font-size:1.05rem;font-weight:800;color:var(--text-dark)}.article-takeaways-list{list-style:none;display:flex;flex-direction:column;gap:.65rem}.article-takeaway-item{display:flex;gap:.6rem;font-size:.92rem;color:#333;line-height:1.6;align-items:flex-start}.article-takeaway-check{color:var(--green-check);font-weight:700;font-size:.85rem;margin-top:.15rem;flex-shrink:0}.article-tags-section{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-light)}.article-tag{padding:.4rem .85rem;background:var(--bg-off-white);border:1px solid var(--border-light);border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text-gray);transition:all .25s ease}.article-tag:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-light)}.article-related-section{max-width:860px;margin:0 auto;padding:0 2rem 2rem}.article-related-title{font-size:1.3rem;font-weight:800;color:var(--text-dark);margin-bottom:1.5rem}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}.article-related-card{background:var(--bg-white);border:1px solid var(--border-light);border-radius:18px;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer}.article-related-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.article-related-cover{height:100px;display:flex;align-items:center;justify-content:center}.article-related-cover-icon{font-size:2rem;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.article-related-body{padding:1rem}.article-related-name{font-size:.82rem;font-weight:700;color:var(--text-dark);line-height:1.4;margin-top:.4rem;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related-meta{font-size:.7rem;color:var(--text-light);margin-top:.35rem}@media (max-width:1200px){.blog-grid-layout{grid-template-columns:1fr 260px;gap:2rem}.blog-featured-grid{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.blog-featured-grid{grid-template-columns:1fr 1fr}.featured-card-1 .featured-card-cover{height:220px}.featured-card-1 .featured-card-title{font-size:1.15rem}.blog-grid-layout{grid-template-columns:1fr}.blog-sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.article-body-layout{grid-template-columns:1fr}.article-toc{display:none}}@media (max-width:768px){.blog-hero{padding:6rem 1.25rem 3rem}.blog-hero-title{font-size:2rem}.blog-featured-grid,.blog-grid-main,.blog-sidebar{grid-template-columns:1fr}.blog-categories-strip{gap:.4rem}.blog-cat-chip{font-size:.75rem;padding:.45rem .85rem}.blog-featured-section,.blog-grid-section{padding:2rem 1.25rem}.newsletter-section{padding:2rem 1.25rem 4rem}.newsletter-card{padding:2.5rem 1.5rem;border-radius:20px}.newsletter-form{flex-direction:column}.newsletter-btn{justify-content:center}.article-hero{padding:6.5rem 1.25rem 0}.article-hero-cover{height:220px;border-radius:18px}.article-hero-icon{font-size:3.5rem}.article-title{font-size:1.65rem}.article-body-layout{padding:1.5rem 1.25rem 2rem}.article-section-heading{font-size:1.25rem}.article-paragraph{font-size:1rem}.article-related-grid{grid-template-columns:1fr}.article-nav{padding:.75rem 1.25rem}}@media (max-width:560px){.blog-hero-title{font-size:1.75rem;line-height:1.25}.blog-search-bar{padding:.85rem 1rem .85rem 2.8rem;font-size:.9rem}.blog-card-cover{height:140px}.featured-card-cover{height:180px}.featured-card-cover-icon{font-size:3rem}.newsletter-card{padding:2rem 1.25rem}.article-hero-cover{height:180px}.article-takeaways{padding:1.5rem}}@media (max-width:400px){.blog-hero-title{font-size:1.55rem}.blog-categories-strip{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem;-webkit-overflow-scrolling:touch}.blog-cat-chip{flex-shrink:0}.blog-card-body,.featured-card-body{padding:1.1rem}}.article-breadcrumb-bar{background:#fff;border-bottom:1px solid #e5e7eb;padding:16px 0;margin-bottom:24px}.article-breadcrumb-container{max-width:1120px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;align-items:center}.article-back-button{display:flex;align-items:center;gap:8px;background:transparent;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:color .2s;padding:8px 0}.article-back-button:hover{color:#111827}.article-back-button svg{transition:transform .2s}.article-back-button:hover svg{transform:translateX(-2px)}.article-share-button{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #d1d5db;border-radius:8px;padding:8px 16px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.article-share-button:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.article-breadcrumb-container{padding:0 20px}.article-back-button,.article-share-button{font-size:13px}.article-share-button{padding:6px 12px}}@media (max-width:400px){.article-back-full-text{display:none}.article-breadcrumb-container{padding:0 16px}}.breadcrumb-nav{width:100%}a.breadcrumb-link{color:"red"}.breadcrumb-nav .breadcrumbs-container{position:relative;display:flex;flex-wrap:wrap;align-items:center;row-gap:8px;margin-bottom:16px;font-size:15px}@media (min-width:992px){.breadcrumb-nav .breadcrumbs-container{margin-bottom:unset}}.breadcrumb-nav .breadcrumb-list-item{position:relative;display:inline-flex;align-items:center;line-height:normal}.breadcrumb-nav .breadcrumb-list-item:not(:first-child){margin-left:4px}.breadcrumb-nav .breadcrumb-connector{margin-right:4px;font-size:10px;color:var(--txt-secondary,#6c757d)}[data-theme=dark] .breadcrumb-nav .breadcrumb-connector{color:var(--txtGreyColor,#999)}.breadcrumb-nav .breadcrumb-home{display:inline-flex;align-items:center;cursor:pointer;color:var(--txt-secondary,#6c757d);transition:color .2s}.breadcrumb-nav .breadcrumb-home:hover{color:var(--txtBrandColor,#635bff)}[data-theme=dark] .breadcrumb-nav .breadcrumb-home{color:var(--txtGreyColor,#999)}[data-theme=dark] .breadcrumb-nav .breadcrumb-home:hover{color:#8781f7}.breadcrumb-nav .breadcrumb-ellipsis{display:inline-block;cursor:pointer;color:var(--txt-secondary,#6c757d);font-size:18px;padding:0 4px;transition:color .2s}.breadcrumb-nav .breadcrumb-ellipsis:hover{color:var(--txtBrandColor,#635bff)}[data-theme=dark] .breadcrumb-nav .breadcrumb-ellipsis{color:var(--txtGreyColor,#999)}[data-theme=dark] .breadcrumb-nav .breadcrumb-ellipsis:hover{color:#8781f7}.breadcrumb-nav .breadcrumb-text-wrapper{position:relative;display:inline-block}.breadcrumb-nav .breadcrumb-text{display:inline-block;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;color:#4d4d4d;transition:color .2s;text-decoration:none!important}.breadcrumb-nav .breadcrumb-text.breadcrumb-highlight{color:#5f56fe;font-weight:500}.breadcrumb-nav .breadcrumb-text:hover{color:var(--txtBrandColor,#5f56fe);text-decoration:none!important}.breadcrumb-nav .breadcrumb-text.non-clickable{cursor:default}.breadcrumb-nav .breadcrumb-text.non-clickable:hover{color:var(--txt-secondary,#6c757d)}[data-theme=dark] .breadcrumb-nav .breadcrumb-text{color:var(--txtGreyColor,#999)}[data-theme=dark] .breadcrumb-nav .breadcrumb-text:hover{color:#8781f7}[data-theme=dark] .breadcrumb-nav .breadcrumb-text.non-clickable:hover{color:var(--txtGreyColor,#999)}.breadcrumb-nav .breadcrumb-tooltip{position:absolute;top:24px;left:10px;background:var(--card-bg,#fff);padding:5px 10px;font-size:13px;white-space:nowrap;border-radius:6px;box-shadow:var(--elevationShadow2,0 2px 8px #00000021);opacity:1;transform:translateY(0);transition:opacity .15s ease,transform .15s ease;pointer-events:none;z-index:999;color:var(--txt-intense,#111);border:1px solid var(--borderColor,#e5e7eb)}[data-theme=dark] .breadcrumb-nav .breadcrumb-tooltip{background:#212020;box-shadow:0 1px 3px #04040466;color:#e3e3e3;border-color:#383838}.breadcrumb-nav .breadcrumb-dropdown{position:absolute;top:32px;left:0;width:max-content;min-width:200px;max-width:240px;padding:8px 0;background:var(--card-bg,#fff);border:1px solid var(--borderColor,#e5e7eb);border-radius:var(--buttonRadius,8px);box-shadow:var(--elevationShadow2,0 2px 8px #00000021);z-index:50}[data-theme=dark] .breadcrumb-nav .breadcrumb-dropdown{background:#212020;border-color:#383838;box-shadow:0 1px 3px #04040466}.breadcrumb-nav .breadcrumb-drop-item{padding:8px 16px;font-size:15px;cursor:pointer;color:var(--txt-primary,#4d4d4d);transition:background .2s}.breadcrumb-nav .breadcrumb-drop-item:hover{background:var(--secondary-hover-bg,#f8f9fa)}[data-theme=dark] .breadcrumb-nav .breadcrumb-drop-item{color:#ccc}[data-theme=dark] .breadcrumb-nav .breadcrumb-drop-item:hover{background:#2c2c2c}.desktop-breadcrumbs,.mobile-breadcrumbs{display:none}@media (min-width:992px){.desktop-breadcrumbs{display:block}.mobile-breadcrumbs{display:none}}@media (max-width:991px){.desktop-breadcrumbs{display:none}.mobile-breadcrumbs{display:block}}:root{--header-height:60px;--bg-color:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--star-color:#fbbf24;--fire-color:#ff9b41;--lang-color:#3b82f6;--pill-bg:#fff}[data-theme=dark]{--bg-color:#1a1a1a;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#374151;--pill-bg:#262626}@media (min-width:992px){.header-bird.desktop-only{display:none!important}}.header-bird.mobile-bird,.header-logo.mobile-bird{display:flex;align-items:center}@media (min-width:992px){.header-left-cta .header-logo,.header-logo.mobile-bird{display:none!important}}.practice-main-header{position:fixed;padding:0 16px;top:0;left:0;height:var(--header-height);background:var(--bg-color);border-bottom:1px solid var(--border-color);z-index:100}.header-inner,.practice-main-header{width:100%;display:flex;align-items:center}.header-inner{justify-content:space-between}.header-left-cta{gap:16px}.header-left-cta,.square-btn{display:flex;align-items:center}.square-btn{background:transparent;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:20px;cursor:pointer;justify-content:center;width:40px;height:40px;transition:all .2s}.square-btn:hover{background-color:#f9fafb;color:var(--text-primary)}.header-logo{display:none;align-items:center}.header-logo-img{width:32px;height:32px;object-fit:contain}@media (max-width:991px){.header-logo,.mobile-nav-toggler{display:flex}.desktop-nav-toggler{display:none}}.mobile-nav-toggler{display:none}.desktop-nav-toggler{display:flex}.home-icon{font-size:18px;color:var(--text-secondary)}.separator{font-size:10px;color:#9ca3af}.header-right-cta,.separator{display:flex;align-items:center}.header-right-cta{gap:15px;margin-left:auto}@media (min-width:360px){.header-right-cta{gap:12px}}.header-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:9999px;background-color:var(--pill-bg);height:40px;white-space:nowrap}.pill-text{font-weight:500;font-size:16px;color:var(--text-primary)}.icon-star{color:var(--star-color);font-size:16px}.icon-fire{color:var(--fire-color);font-size:16px}.icon-lang{color:var(--lang-color);font-size:18px}.language-pill-btn{cursor:pointer;transition:background .2s}.language-pill-btn:hover{background-color:#f9fafb}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border-color);border-radius:50%;background-color:var(--pill-bg);color:var(--text-secondary);cursor:pointer;font-size:20px;transition:all .2s}.theme-toggle-btn:hover{background-color:#f9fafb;color:var(--text-primary);cursor:not-allowed}.img-fluid{width:100%;max-width:100%}@media (max-width:991px){.mobile-nav-toggler{display:flex}.desktop-nav-toggler{display:none}}.language-dropdown-container{position:relative}@media (max-width:576px){.language-dropdown-container{display:none}}.language-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:500;color:var(--txt-primary);background:transparent;border:1px solid var(--border-color);border-radius:var(--button-radius);cursor:pointer;transition:background var(--hover-transition-duration)}.language-toggle-btn:hover{background:var(--hover-bg)}.language-toggle-btn svg{font-size:18px}.language-short{text-transform:uppercase}.language-label{display:none;text-transform:capitalize}@media (min-width:576px){.language-short{display:none}.language-label{display:inline}}.language-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.language-option{display:block;width:100%;padding:12px 16px;font-size:14px;text-align:left;color:var(--txt-primary);background:transparent;border:none;cursor:pointer;transition:background var(--hover-transition-duration)}.language-option:hover{background:var(--hover-bg)}.language-option.active{background:var(--active-bg);color:var(--txt-brand);font-weight:500}.lrn-introduction{border-radius:8px;overflow:hidden;margin-bottom:48px;background:#fff;border:1px solid var(--border-color,#e5e7eb)}.lrn-introduction h2{margin:0!important;padding:12px 20px!important;font-size:16px!important;font-weight:600!important;background:#f8fafc;border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--txt-intense)}.lrn-introduction .box-content{padding:12px 20px}[data-theme=dark] .lrn-introduction{background:#1f2933;border-color:#334155}[data-theme=dark] .lrn-introduction h2{background:#1e293b;border-bottom-color:#334155}.lrn-content{line-height:1.75;color:var(--txt-intense);font-size:17}.lrn-content h1,.lrn-content h2{font-weight:600;color:var(--txt-intense)}.lrn-content h2{font-weight:500;font-size:24px;margin-bottom:16px;margin-top:32px}.lrn-content h2:first-child{margin-top:0}.lrn-content p{margin:8px 0}.lrn-content ol,.lrn-content ul{padding-left:1.25rem}.lrn-content ul{padding-left:0}.lrn-pattern,.lrn-summary,.question-box,.solution-box{border-radius:8px;overflow:hidden;margin-bottom:48px}.box-title{margin:0!important;padding:12px 20px!important;font-size:15px!important;font-weight:600!important;color:var(--txt-intense)}.box-content{padding:8px 20px}.lrn-pattern{background:#f7faff;border:1px solid #a6d1ff}.lrn-pattern .box-title{background:#e5edff;border-bottom:1px solid #a6d1ff}[data-theme=dark] .lrn-pattern{background:#1c2330;border-color:#2b4661}[data-theme=dark] .lrn-pattern .box-title{background:#222a3a;border-bottom-color:#2b4661}.question-box{background:#fff7f7;border:1px solid #ffa6a6;margin-bottom:32px}.question-box .box-title{background:#fff0f0;border-bottom:1px solid #ffa6a6}[data-theme=dark] .question-box{background:#322;border-color:#663a3a}[data-theme=dark] .question-box .box-title{background:#3e2525;border-bottom-color:#663a3a}.solution-box{background:#f7fff9}.solution-box .box-title{background:#e4ffe9;border-bottom:1px solid #a5e3c6}[data-theme=dark] .solution-box{background:#1e2a22;border-color:#2e5142}[data-theme=dark] .solution-box .box-title{background:#233229;border-bottom-color:#2e5142}.solution-box ul{list-style:none;padding-left:0}.solution-box ul li{position:relative;padding-left:20px;margin-bottom:8px}.solution-box ul li:before{content:"→";position:absolute;left:0;color:var(--txt-secondary)}.solution-box ol li h4{font-size:18px;margin-bottom:2px}.lrn-summary{background:#fbf7ff;border:1px solid #bebbff}.lrn-summary .box-title{background:#f4f0ff;border-bottom:1px solid #bebbff}[data-theme=dark] .lrn-summary{background:#211b28;border-color:#3d3a66}[data-theme=dark] .lrn-summary .box-title{background:#231e30;border-bottom-color:#3d3a66}.lrn-variations li{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:12px 16px;margin-bottom:8px;list-style:none}.lrn-variations{margin-bottom:45px}.lrn-variations-list{display:flex;flex-direction:column;gap:12px}.lrn-variations-list>div,.lrn-variations-list>ol>li,.lrn-variations-list>p,.lrn-variations-list>ul>li{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e5e7eb);border-radius:12px;padding:12px 20px;font-size:17px;line-height:1.5;color:var(--txt-intense,#1a1a2e);margin:0;list-style:none}[data-theme=dark] .lrn-variations-list>*{background:#1e293b;border-color:#334155;color:#e2e8f0}.tricks-box{background:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--card-radius);padding:12px 20px}.tricks-box ol,.tricks-box ul{margin-bottom:0}.solution-image-container{margin:auto;max-width:250px;width:100%}.solution-image{max-width:100%;height:auto;cursor:zoom-in}.solution-image-caption{margin-top:8px;font-size:13px;font-weight:500;color:var(--txt-secondary)}.lightbox-overlay{position:fixed;inset:0;background:hsla(0,0%,100%,.95);display:flex;justify-content:center;align-items:center;z-index:9999;cursor:zoom-out}.lightbox-overlay.dark-mode{background:rgba(0,0,0,.9)}.lightbox-image{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2)}@media (min-width:768px){.lrn-content{font-size:17px}.box-title{font-size:16px!important}}.practice-options{margin-top:12px}.practice-option-label{align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid #e5e7eb;background-color:#fff;line-height:1.5;color:#111827;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.practice-option-label:hover{background-color:#f9fafb;border-color:#d1d5db}.practice-option-label.selected{border-color:#2563eb;background-color:#eff6ff}.practice-option-label.correct{background-color:#16a34a;border-color:#16a34a;color:#fff}.practice-option-label.incorrect{background-color:#dc2626;border-color:#dc2626;color:#fff}.practice-option-label.correct:hover,.practice-option-label.incorrect:hover{background-color:inherit}.practice-option-label svg{flex-shrink:0;margin-top:2px}.practice-option-label span{display:block;word-break:break-word;font-size:16px}.dark .practice-option-label{background-color:#020617;border-color:#1e293b;color:#e5e7eb}.dark .practice-option-label:hover{background-color:#020617;border-color:#334155}.dark .practice-option-label.selected{background-color:rgba(37,99,235,.15);border-color:#2563eb}.dark .practice-option-label.correct{background-color:#16a34a;border-color:#16a34a;color:#fff}.dark .practice-option-label.incorrect{background-color:#dc2626;border-color:#dc2626;color:#fff}@media (max-width:640px){.practice-option-label{font-size:14px;padding:10px 12px}}.practice-helper-btns-wrapper{display:flex;align-items:center;gap:12px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.practice-helper-btns-wrapper::-webkit-scrollbar{display:none}.practice-helper-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .2s ease;min-height:40px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.practice-helper-btn:hover{background-color:#f9fafb}.helper-label{font-size:14px;font-weight:500;color:#374151}.icon-wrapper{display:flex;align-items:center;justify-content:center;font-size:16px}.green-icon{color:#10b981}.yellow-icon{color:#f59e0b}.red-icon{color:#ef4444}.report-icon{color:#6366f1}.red-icon img{height:25px}.helper-text img,.red-icon img{border-radius:4px}.green-icon img,.yellow-icon img{height:25px;border-radius:4px}.practice-helper-btn.active.variant-green{background-color:#f7fef8;border-color:#10b981}.practice-helper-btn.active.variant-yellow{background-color:#fffbeb;border-color:#f59e0b}.practice-helper-btn.active.variant-red{background-color:#fef2f2;border-color:#ef4444}.helper-content-box{margin-top:16px;padding:15px;border-radius:8px;border:1px solid transparent;font-size:15px;line-height:1.6}.animate-fade-in{animation:fadeIn .3s ease-in-out}.solution-box{background-color:#f7fef8;border:1px solid #a5e3c6}.padding-box{margin-top:20px;margin-bottom:0}.box-title{font-size:16px;font-weight:700;margin-bottom:8px;margin-top:0}.hint-box{background-color:#fffbeb;border-color:#fde68a}.helper-header-text{font-size:18px;font-weight:500;margin-right:2px}.mistake-box{background-color:#fef2f2;border-color:#fecaca}.helper-text{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:400;line-height:1.6;color:#202020}.helper-text img{width:25px;height:25px;flex-shrink:0;margin-top:2px;object-fit:contain}@media (max-width:768px){.helper-text{font-size:14px;gap:10px}.helper-text img{width:20px;height:20px}}.report-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px}.report-modal-card{background:#fff;width:100%;max-width:500px;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.1);display:flex;flex-direction:column;animation:slideUp .2s ease-out}.report-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.report-modal-header h4{margin:0;font-size:18px;font-weight:600;color:#111827}.report-close-icon{background:transparent;border:none;font-size:22px;cursor:pointer;color:#9ca3af;display:flex}.report-close-icon:hover{color:#111827}.report-modal-body{padding:20px;max-height:60vh;overflow-y:auto}.report-option-row{display:flex;flex-direction:column;margin-bottom:12px}.report-option-row input{display:none}.report-option-row{display:block}.report-option-row input[type=checkbox]{margin-right:10px;transform:scale(1.2)}.report-option-row label{font-size:15px;color:#374151;cursor:pointer}.report-textarea{width:100%;margin-top:12px;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical;outline:none}.report-textarea:focus{border-color:#6366f1}.report-modal-footer{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-box{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;font-weight:500;color:var(--txt-primary,#4d4d4d);background:var(--card-bg,#fff);box-shadow:0 4px 12px rgba(0,0,0,.1),inset 0 0 0 1.5px var(--border-color,#e5e7eb);min-width:300px;max-width:400px}.toast-content{flex:1 1}.toast-title{font-size:14px;font-weight:600;color:var(--txt-intense,#1a1a2e);margin-bottom:2px}.toast-subtext{font-size:13px;font-weight:400;opacity:.85;color:var(--txt-primary,#4d4d4d);margin-top:2px}.toast-box svg{width:18px;height:18px;flex-shrink:0}.toast-box.success{background:#f0fdf4;box-shadow:0 4px 12px rgba(34,197,94,.15),inset 0 0 0 1.5px #86efac}.toast-box.success svg{color:#16a34a}.toast-box.warning{background:#fffbeb;box-shadow:0 4px 12px rgba(251,191,36,.15),inset 0 0 0 1.5px #fde68a}.toast-box.warning svg{color:#f59e0b}.toast-box.error{background:#fef2f2;box-shadow:0 4px 12px rgba(239,68,68,.15),inset 0 0 0 1.5px #fca5a5}.toast-box.error svg{color:#dc2626}.toast-box.info{background:#eff6ff;box-shadow:0 4px 12px rgba(59,130,246,.15),inset 0 0 0 1.5px #93c5fd}.toast-box.info svg{color:#2563eb}[data-theme=dark] .toast-box{background:var(--card-bg,#212020);color:var(--txt-primary,#ccc)}[data-theme=dark] .toast-title{color:var(--txt-intense,#e3e3e3)}[data-theme=dark] .toast-subtext{color:var(--txt-primary,#ccc)}[data-theme=dark] .toast-box.success{background:#064e3b;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #10b981}[data-theme=dark] .toast-box.success svg{color:#34d399}[data-theme=dark] .toast-box.warning{background:#451a03;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #f59e0b}[data-theme=dark] .toast-box.warning svg{color:#fbbf24}[data-theme=dark] .toast-box.error{background:#450a0a;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #ef4444}[data-theme=dark] .toast-box.error svg{color:#f87171}[data-theme=dark] .toast-box.info{background:#1e3a8a;box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 0 0 1.5px #3b82f6}[data-theme=dark] .toast-box.info svg{color:#60a5fa}@keyframes toast-enter{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-20px) scale(.95)}}@media (max-width:480px){.toast-box{min-width:280px;max-width:calc(100vw - 32px);padding:10px 14px}.toast-title{font-size:13px}.toast-subtext{font-size:12px}.toast-box svg{width:16px;height:16px}}.react-hot-toast{z-index:10000}.toast-box.toast-slide-right{--toast-accent:#5f56fe;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(95,86,254,.15);border-left:4px solid var(--toast-accent);box-shadow:0 8px 20px -4px rgba(95,86,254,.15),0 4px 8px -2px rgba(0,0,0,.05);animation:toast-slide-in-right .6s cubic-bezier(.16,1,.3,1) forwards}.toast-box.toast-slide-right svg{color:#5f56fe!important;filter:drop-shadow(0 2px 4px rgba(95,86,254,.2))}.toast-box.toast-slide-right .toast-title{color:#2b2b3b}@keyframes toast-slide-in-right{0%{opacity:0;transform:translateX(120%)}to{opacity:1;transform:translateX(0)}}.practice-card{margin-bottom:48px;background:var(--card-bg,#fff);border-radius:var(--cardRadius,10px);overflow:hidden;box-shadow:var(--elevationShadow2,0 2px 8px #00000021)}[data-theme=dark] .practice-card{background:#212020;box-shadow:0 1px 3px #04040466}.practice-card-head{min-height:45px;display:flex;align-items:center;justify-content:space-between;padding:12px var(--learningCardXPadd,16px);border-bottom:1px solid var(--borderColor,#e5e7eb)}[data-theme=dark] .practice-card-head{border-bottom-color:#383838}.practice-card-title{display:flex;align-items:center;gap:8px;color:var(--txtHeadingColor,#111);font-size:17px;padding-bottom:0;margin:0}[data-theme=dark] .practice-card-title{color:#efefef}.practice-card-title svg{color:var(--txtBrandColor,#635bff)}[data-theme=dark] .practice-card-title svg{color:#8781f7}.practice-card-body{position:relative;font-size:16px;padding:16px var(--learningCardXPadd,16px) var(--learningCardBPadd,20px);color:var(--txtHeadingColor,#111);background:var(--card-bg,#fff)}[data-theme=dark] .practice-card-body{color:#e3e3e3;background:#212020}.practice-card-body hr{border-color:var(--txtGreyColor,#999)!important}.practice-card-body mark{color:inherit;padding:0;background:none}.practice-content{color:var(--txtHeadingColor,#111)}[data-theme=dark] .practice-content{color:#e3e3e3}.question-pills-container{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:13px;padding-top:16px}.question-pills-container:empty{display:none}.level-badge{display:inline-block;font-size:13px;font-weight:500;padding:2px 10px;text-transform:capitalize;color:#fff;background:#5695fe;border-radius:25px}[data-theme=dark] .level-badge{color:#111}@supports (-webkit-hyphens:none){.level-badge{font-weight:520}}.practice-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.practice-option-label{display:flex;align-items:center;padding:12px 16px;font-size:15px;font-weight:500;color:#4d4d4d;background:#fff;border:2px solid var(--borderColor,#e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s;position:relative}[data-theme=dark] .practice-option-label{color:#ccc;background:#212020;border-color:#383838}.practice-option-label:not(.correct):not(.incorrect):hover{background:#f8f9fa;border-color:var(--txtBrandColor,#635bff)}[data-theme=dark] .practice-option-label:not(.correct):not(.incorrect):hover{background:#2c2c2c;border-color:#8781f7}.practice-option-label.selected{background:rgba(99,91,255,.05);border-color:var(--txtBrandColor,#635bff)}[data-theme=dark] .practice-option-label.selected{background:rgba(135,129,247,.1);border-color:#8781f7}.practice-option-label.correct{background:#4caf50!important;border-color:#4caf50!important;color:#fff!important;font-weight:500;cursor:default}[data-theme=dark] .practice-option-label.correct{background:#3a7842!important;border-color:#3a7842!important;color:#fff!important}.practice-option-label.incorrect{background:#f44336!important;border-color:#f44336!important;color:#fff!important;font-weight:500;cursor:default}[data-theme=dark] .practice-option-label.incorrect{background:#ac4139!important;border-color:#ac4139!important;color:#fff!important}.practice-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:24px;gap:16px}.practice-question-toggles-wrapper{display:none}@media (min-width:576px){.practice-question-toggles-wrapper{display:flex;gap:8px}}.practice-question-toggle-btn{display:flex;align-items:center;justify-content:center;width:35px;height:35px;padding:4px;font-size:14px;font-weight:500;color:#4d4d4d;background:#fff;border:1px solid var(--borderColor,#e5e7eb);border-radius:var(--buttonRadius,8px);cursor:pointer;transition:all .2s}[data-theme=dark] .practice-question-toggle-btn{color:#ccc;background:#212020;border-color:#383838}.practice-question-toggle-btn:hover{background:#f8f9fa}[data-theme=dark] .practice-question-toggle-btn:hover{background:#2c2c2c}.practice-question-toggle-btn.active{border-bottom:3px solid var(--bgBtnColor,#635bff);transition:border-bottom .15s ease-in-out}[data-theme=dark] .practice-question-toggle-btn.active{border-bottom-color:#6366f1}[data-theme=dark] .practice-question-toggle-btn.solved{background:var(--pastelGreenDarkBg,#1e3a23);border-color:#3a7842}.mb-4{margin-bottom:24px}.pb-3,.py-3{padding-bottom:12px}.py-3{padding-top:12px}.py-2{padding-top:8px;padding-bottom:8px}.mt-4{margin-top:24px}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.text-pre-wrap{white-space:pre-wrap}.site-fs-15{font-size:15px}.site-fs-18{font-size:18px}.site-fs-20{font-size:20px}.me-2{margin-right:8px}.me-3{margin-right:12px}@media (min-width:768px){.me-md-3{margin-right:12px}}.text-white{color:#fff}.txt-theme-brand{color:var(--txtBrandColor,#635bff)}[data-theme=dark] .txt-theme-brand{color:#8781f7}.txt-dark-grey-color{color:var(--txtGreyColor,#999)}.dbd-txt-theme-intense{color:var(--txtHeadingColor,#111)}[data-theme=dark] .dbd-txt-theme-intense{color:#e3e3e3}@media (min-width:481px){.practice-card-body{padding:20px var(--learningCardXPadd,20px) var(--learningCardBPadd,24px)}}@media (min-width:992px){.practice-card-title{font-size:18px}}@media (min-width:1200px){.practice-card-body{padding:20px var(--learningCardXPadd,24px) var(--learningCardBPadd,24px)}}.mock-test-section{margin-bottom:24px}.mock-test-header-wrapper,.mock-test-icon-wrapper{display:flex;align-items:center}.mock-test-icon-wrapper{width:40px;height:40px;justify-content:center;color:#5f56fe;border-radius:10px;font-size:20px;flex-shrink:0}.mock-test-challenge{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;border:1px solid #e8eaf6}.mock-test-challenge.has-cta{flex-direction:row;align-items:center;justify-content:space-between}@media (max-width:768px){.mock-test-challenge.has-cta{flex-direction:column;align-items:flex-start}}.challenge-content{flex:1 1}.challenge-title{font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;display:flex;align-items:center;gap:8px}.challenge-fire-icon{color:#f59e0b;font-size:20px}.challenge-description{font-size:15px;color:#4b5563;line-height:1.6;margin-bottom:16px}.test-features{display:flex;flex-wrap:wrap;gap:12px}.feature-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:#374151}.feature-badge svg{color:#10b981;font-size:16px}.mock-test-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;min-width:200px;height:48px;padding:0 24px;font-size:15px;font-weight:600;color:#fff;background:#5f56fe;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(102,126,234,.3)}.mock-test-cta-btn:hover{box-shadow:0 6px 20px rgba(102,126,234,.4)}.mock-test-cta-btn:active{transform:translateY(0)}.mock-test-cta-btn svg{font-size:18px}.mock-test-secondary-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;height:44px;padding:0 20px;font-size:14px;font-weight:600;color:#667eea;background:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;transition:all .2s ease}.mock-test-secondary-btn:hover{background:#667eea;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.mock-test-secondary-btn svg{font-size:16px}.test-history-divider{height:1px;background:#e5e7eb;margin:24px 0}.test-history-section{display:flex;flex-direction:column;gap:20px}.test-history-header{display:flex;align-items:center;justify-content:space-between}.test-history-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600;color:#111827;margin:0}.test-history-title svg{color:#667eea;font-size:20px}.test-history-count{font-size:14px;color:#6b7280;background:#f3f4f6;padding:4px 12px;border-radius:12px}.test-history-list{display:flex;flex-direction:column;gap:10px}.quiz-history-item{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease}.quiz-history-item:hover{background:#fff;border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,.15);transform:translateY(-2px)}.quiz-history-left{display:flex;align-items:center;gap:12px}.quiz-test-badge{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;font-size:12px;font-weight:700;flex-shrink:0;box-shadow:0 2px 8px rgba(102,126,234,.3)}.quiz-test-badge svg{font-size:16px;margin-bottom:2px}.quiz-test-info{display:flex;flex-direction:column;gap:4px}.quiz-test-name{font-weight:500;font-size:15px;color:#111827}.quiz-test-date{font-size:13px;color:#6b7280}.quiz-history-right{display:flex;align-items:center;gap:12px}.quiz-score-badge{padding:6px 14px;font-size:14px;font-weight:600;border-radius:8px;white-space:nowrap}.quiz-score-badge.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.quiz-score-badge.warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.quiz-score-badge.danger{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.quiz-score-percentage{font-size:16px;font-weight:700;color:#667eea}@media (max-width:640px){.mock-test-challenge{padding:20px}.challenge-title{font-size:16px}.challenge-description{font-size:14px}.test-features{flex-direction:column}.mock-test-cta-btn{width:100%}.quiz-history-item{padding:12px}.quiz-test-badge{width:40px;height:40px}.quiz-history-right{flex-direction:column;align-items:flex-end;gap:4px}.quiz-score-percentage{font-size:14px}}[data-theme=dark] .mock-test-challenge{background:linear-gradient(135deg,#667eea20,#764ba220);border-color:#374151}[data-theme=dark] .challenge-title,[data-theme=dark] .quiz-test-name,[data-theme=dark] .test-history-title{color:#f1f5f9}[data-theme=dark] .challenge-description{color:#cbd5e1}[data-theme=dark] .feature-badge{background:#1e293b;border-color:#334155;color:#cbd5e1}[data-theme=dark] .test-history-count{background:#1e293b;color:#94a3b8}[data-theme=dark] .quiz-history-item{background:#1e293b;border-color:#334155}[data-theme=dark] .quiz-history-item:hover{background:#334155;border-color:#667eea}[data-theme=dark] .quiz-test-date{color:#94a3b8}[data-theme=dark] .test-history-divider{background:#334155}.toc-wrapper{display:none}@media (min-width:576px) and (max-width:1399px){.toc-wrapper{position:fixed;display:flex;right:12px;top:calc(var(--dboard-header-height) + 20px);z-index:100;width:auto;overflow:hidden}.toc-wrapper:hover .toc-card{display:flex!important}.toc-wrapper:hover .strip-indicators{display:none!important}}@media (min-width:1400px){.toc-wrapper{position:static;display:block;width:calc(270px + 24px)}}.strip-indicators{display:none}@media (min-width:576px) and (max-width:1399px){.strip-indicators{width:100%;max-height:350px;display:flex;flex-direction:column;align-items:flex-end;gap:16px;padding:8px 0;cursor:pointer;overflow-y:auto}}.strip-dot{height:2px;background:var(--border-color);border:none;border-radius:1px;transition:all .2s ease;padding:0;flex-shrink:0;cursor:pointer}.strip-dot.long{width:16px}.strip-dot.short{width:10px}.strip-dot.active{height:3px}.toc-card{display:none;flex:1 1;flex-direction:column;align-items:center;width:280px;max-height:calc(100dvh - var(--dboard-header-height) - 120px);padding:16px 0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:var(--elevation-shadow-2);overflow-y:auto}@media (min-width:1400px){.toc-card{display:flex;position:fixed;top:calc(var(--dboard-header-height) + 20px)}}.toc-panel{width:100%;max-height:100%;padding:0 16px;overflow-x:hidden;overflow-y:auto}.toc-panel::-webkit-scrollbar{display:none}.toc-panel:hover::-webkit-scrollbar{display:block}.toc-title{font-size:16px;font-weight:600;padding-top:4px;padding-bottom:12px;color:var(--txt-intense)}@media (min-width:768px){.toc-title{font-size:17px}}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin-bottom:4px}.toc-link{display:block;border-radius:8px;cursor:pointer;transition:all .18s ease;text-decoration:none;font-size:14px;font-weight:500;background:transparent}.toc-link,.toc-link.active{padding:8px 10px;color:var(--txt-primary)}.toc-link.active{background:#e5edff;font-weight:600;border:1px solid #a6d1ff}.toc-link .toc-icon{margin-right:8px;flex-shrink:0}@media (min-width:768px){.toc-link{font-size:15px}}.toc-link.sub{padding-left:22px;position:relative;font-size:13px}.toc-link.sub:before{content:"•";position:absolute;left:10px;font-size:12px;color:var(--txt-secondary)}.mobile-toc-wrapper{display:none}@media (max-width:575px){.mobile-toc-wrapper{display:block;margin:20px 0;border-radius:10px;background:var(--card-bg);border:1px solid var(--border-color);position:relative;z-index:5;overflow:hidden}}.mobile-toc-row{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;border-radius:10px;background:var(--card-bg);cursor:pointer}.mobile-toc-header{gap:6px;font-size:15px;font-weight:600;color:var(--txt-intense);flex-shrink:0}.mobile-toc-body{border-top:1px solid var(--border-color);padding:8px 10px}.mobile-toc-item{padding:10px;border-radius:8px;font-size:14px;margin-bottom:4px;color:var(--txt-primary);background:transparent;font-weight:500;transition:background .2s ease}.mobile-toc-header,.mobile-toc-item{display:flex;align-items:center;cursor:pointer}.mobile-toc-header{justify-content:space-between;padding:12px 16px}.mobile-toc-item.active,.mobile-toc-item:hover{background:rgba(37,99,235,.12)}.mobile-toc-item.active{font-weight:600;color:var(--txt-primary)}.mobile-toc-item:last-child{margin-bottom:0}.mobile-toc-item .toc-icon{margin-right:8px;flex-shrink:0}.mobile-lang-holder{flex-shrink:0}.mobile-lang-dropdown{position:relative}.mobile-lang-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;font-size:13px;background:transparent;border:1px solid var(--border-color);border-radius:var(--button-radius);cursor:pointer;transition:background .2s ease}.mobile-lang-toggle:hover{background:var(--hover-bg)}.mobile-lang-toggle .lang-code{text-transform:uppercase;font-weight:500}.mobile-lang-panel{position:absolute;top:calc(100% + 4px);right:0;min-width:100px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--card-radius);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000;overflow:hidden}.mobile-lang-option{display:block;width:100%;padding:10px 14px;font-size:13px;text-align:left;background:transparent;color:var(--txt-primary);font-weight:400;border:none;cursor:pointer;transition:background .2s ease}.mobile-lang-option:hover{background:var(--hover-bg)}.mobile-lang-option.active{background:var(--active-bg);color:var(--txt-brand);font-weight:500}[data-theme=dark] .strip-dot{background:#334155}[data-theme=dark] .toc-card{box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=dark] .mobile-lang-panel{box-shadow:0 4px 12px rgba(0,0,0,.4)}.layout-wrapper{display:flex;width:100%;min-height:100vh;background:#f9fafb;overflow-x:hidden}.layout-sidebar{width:60px;flex:0 0 60px;height:100vh;position:-webkit-sticky;position:sticky;top:0;z-index:1000;background:#fff;border-right:1px solid #e5e7eb;transition:all .3s ease;overflow:hidden}.layout-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:100vh;width:0;min-width:0;overflow-x:hidden}.layout-header{position:-webkit-sticky;position:sticky;top:0;z-index:900;background:#fff;border-bottom:1px solid #e5e7eb;height:60px;flex:0 0 60px;display:flex;align-items:center;padding:0 24px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.layout-content{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:24px;background:#f9fafb;width:100%}.layout-content>*{max-width:1200px;margin:0 auto;width:100%}.page-header{margin-bottom:1.5rem;padding:0}.page-title{font-size:24px;font-weight:600;color:#111827;padding-bottom:.25rem;margin:0}.page-description{font-size:1rem;color:#3d3d3d;margin:0;line-height:1.6;font-weight:400}.categories-accordion{display:flex;flex-direction:column;gap:16px;width:100%}.category-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.category-heading{width:100%}.category-button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#fff;border:none;cursor:pointer;transition:background-color .15s}.category-button:hover{background:#fafafa}.category-button:focus{outline:none}.category-button[aria-expanded=true]{border-bottom:1px solid #e0e0e0}.category-button[aria-expanded=true] .chevron-icon{transform:rotate(180deg)}.category-title-wrapper{display:flex;align-items:center;gap:12px}.category-icon{width:28px;height:28px;flex:0 0 28px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:18px}.category-icon.variant-red{background:#f8b9b9}.category-icon.variant-yellow{background:#fae39e}.category-icon.variant-green{background:#a3e6b1}.category-title{font-size:16px;font-weight:500;color:#111827}.chevron-icon{font-size:20px;color:#9ca3af;transition:transform .2s;flex-shrink:0}.category-panel{padding:0;background:#fff}.levels-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;padding:20px}@media (min-width:800px){.levels-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:992px){.levels-grid{grid-template-columns:1fr;gap:20px}}@media (min-width:1100px){.levels-grid{grid-template-columns:repeat(3,1fr);gap:16px}}@media (min-width:1400px){.levels-grid{gap:20px}}.level-section{display:flex;flex-direction:column;padding:0;border-radius:10px;overflow:hidden}.level-section.level-easy{border:1px solid #a3e6b1}.level-section.level-medium{border:1px solid #fae39e}.level-section.level-hard{border:1px solid #f8b9b9}.level-header{display:flex;align-items:center;gap:8px;padding:10px 16px;margin-bottom:0;font-weight:600}.level-section.level-easy .level-header{background:#a3e6b1;color:#37974d}.level-section.level-medium .level-header{background:#fae39e;color:#e19100}.level-section.level-hard .level-header{background:#f8b9b9;color:#d3535e}.level-icon{font-size:16px;display:flex;align-items:center}.level-title{font-size:15px;font-weight:500;margin:0;color:#202020}.topics-list{display:grid;grid-gap:16px;gap:16px;padding:20px 16px;@media (min-width:576px){grid-template-columns:repeat(2,1fr)}@media (min-width:800px){grid-template-columns:1fr}@media (min-width:992px){grid-template-columns:repeat(2,1fr)}@media (min-width:1100px){grid-template-columns:1fr}}.topic-card{position:relative;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center}.topic-card:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);height:24px;width:0;border-radius:0 4px 4px 0;transition:width .2s ease}.level-section.level-easy .topic-card:before{background:#a3e6b1}.level-section.level-medium .topic-card:before{background:#fae39e}.level-section.level-hard .topic-card:before{background:#f8b9b9}.level-section.level-easy .topic-card:hover:not(.upcoming):not(.loading){border-color:#86efac}.level-section.level-medium .topic-card:hover:not(.upcoming):not(.loading){border-color:#fcd34d}.level-section.level-hard .topic-card:hover:not(.upcoming):not(.loading){border-color:#fca5a5}.topic-card.upcoming{opacity:.5;cursor:not-allowed;background:#f9fafb}.topic-card.upcoming:before{display:none}.topic-card.loading{opacity:.6;cursor:wait;pointer-events:none}.topic-title{font-size:14px;color:#202020;line-height:1.5;font-weight:400;padding-left:4px}.topic-card.upcoming .topic-title{color:#9ca3af}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-text{font-size:16px;font-weight:500;color:#374151}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:991px){.layout-wrapper{display:block}.layout-sidebar{position:fixed;left:-260px;width:260px;flex:none;z-index:1000;transition:left .3s ease;height:100vh}.layout-sidebar.mobile-open{left:0}.layout-sidebar.mobile-open:after{content:"";position:fixed;top:0;left:260px;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:-1}.layout-main{width:100%;flex:none}}