.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem 0;animation:fadeIn .5s ease-out}@media (max-width: 1024px){.main-content{padding:1.75rem 0}}@media (max-width: 768px){.main-content{padding:1.5rem 0}}@media (max-width: 480px){.main-content{padding:1rem 0}}.all-problems{max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:1.1rem}.filters-section{background:var(--bg-secondary);padding:1.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:var(--shadow-md)}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:.75rem;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary)}.filter-select{flex:1;padding:.75rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:.5rem;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:var(--accent-primary);background:var(--bg-primary)}.problems-table-container{background:var(--bg-secondary);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color);position:relative}.problems-table-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-gradient)}.problems-table{width:100%;border-collapse:collapse}.problems-table thead{background:var(--bg-tertiary)}.problems-table th{padding:1rem;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.problems-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);position:relative}.problems-table tbody tr:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-gradient);transform:scaleY(0);transition:transform .3s ease}.problems-table tbody tr:hover:before{transform:scaleY(1)}.problems-table tbody tr:hover{background:var(--bg-tertiary);transform:translate(5px);box-shadow:inset 0 0 20px #6366f10d}.problems-table td{padding:1rem;color:var(--text-primary)}.problem-number{font-weight:600;color:var(--text-secondary)}.problem-title-cell{font-weight:600}.problem-link{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .3s ease}.problem-link:hover{color:var(--accent-primary)}.bookmark-icon{color:var(--warning);fill:var(--warning)}.difficulty-badge{display:inline-block;padding:.35rem .75rem;border-radius:.5rem;font-weight:600;font-size:.85rem;border:2px solid;background:transparent}.topics-cell{max-width:250px}.topics-tags{display:flex;flex-wrap:wrap;gap:.5rem}.topic-tag{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:500;border:1px solid var(--border-color)}.topic-tag.more{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.category-badge{display:inline-block;padding:.35rem .75rem;border-radius:.5rem;font-weight:600;font-size:.85rem;background:var(--bg-tertiary);color:var(--text-secondary);text-transform:capitalize;border:1.5px solid var(--border-color)}.category-badge.dailychallenge{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.category-badge.contest{background:var(--primary);color:#fff;border-color:var(--primary)}.category-badge.practice{background:var(--bg-tertiary);color:var(--text-secondary);border-color:var(--border-color)}4s cubic-bezier(.68,-.55,.265,1.55); border: 2px solid transparent; position: relative; overflow: hidden; } .action-btn::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.action-btn:hover:before{opacity:1}.action-btn:hover{color:#fff;transform:scale(1.15) rotate(5deg);border-color:transparent;box-shadow:var(--shadow-glow)}.action-btn>*{position:relative;z-index:1 text-align: center}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;text-decoration:none;transition:all .3s ease}.action-btn:hover{background:var(--accent-primary);color:#fff;transform:scale(1.1)}.no-results p{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.reset-btn{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reset-btn:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 968px){.problems-table-container{overflow-x:auto}.problems-table{min-width:900px}}@media (max-width: 768px){.filters{flex-direction:column}.filter-group{min-width:100%}}.blogs-page{padding:2.5rem 0;min-height:100vh}.blogs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3.5rem;padding:4rem 3.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:2rem;border:2px solid var(--accent-primary);animation:fadeInDown .6s ease-out;box-shadow:0 20px 60px #007acc26,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.blogs-header:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,122,204,.1),transparent);border-radius:50%;pointer-events:none}.blogs-header-content{flex:1;position:relative;z-index:1}.blogs-title{font-size:3.5rem;font-weight:900;margin:0 0 .75rem;color:var(--text-primary);display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 50%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.blogs-title .title-icon{color:var(--accent-primary);font-size:3rem;animation:spin 4s linear infinite}.blogs-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0;max-width:500px;line-height:1.6;animation:fadeInUp .7s ease-out .15s both}.blogs-stats{display:flex;gap:2rem;position:relative;z-index:1;animation:slideInRight .7s ease-out .1s both}.stat-bubble{background:linear-gradient(135deg,#007acc1a,#6366f114);padding:1.5rem 2.5rem;border-radius:1.2rem;text-align:center;border:1.5px solid rgba(0,122,204,.3);min-width:120px;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.stat-bubble:hover{border-color:var(--accent-primary);box-shadow:0 12px 30px #007acc40}.stat-number{display:block;font-size:2.2rem;font-weight:800;color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem;animation:bounce 2s cubic-bezier(.68,-.55,.265,1.55) infinite}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-weight:700}.featured-article-section{margin-bottom:4.5rem;animation:fadeInUp .7s ease-out .2s both;perspective:1000px}.featured-article-card{display:block;width:100%;padding:3.5rem;background:var(--bg-secondary);border:2px solid var(--accent-primary);border-radius:2rem;cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px #007acc33,inset 0 1px #ffffff1a;font-family:inherit;text-align:left}.featured-article-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .7s ease;pointer-events:none}.featured-article-card:hover:before{left:-100%}.featured-article-card:hover{box-shadow:0 35px 100px #007acc4d,inset 0 1px #ffffff26;border-color:var(--accent-secondary)}.featured-badge{display:inline-flex;align-items:center;gap:.7rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#f0f0f0;padding:.7rem 1.5rem;border-radius:2rem;font-size:.9rem;font-weight:700;margin-bottom:1.5rem;width:fit-content;box-shadow:0 8px 25px #007acc66;letter-spacing:.5px;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:0 2px 4px rgba(0,0,0,.2)}@media (prefers-color-scheme: light){.featured-badge{color:#000;text-shadow:0 1px 3px rgba(255,255,255,.2)}}.badge-star{font-size:1.1rem;animation:float 3s ease-in-out infinite}.featured-content{position:relative;z-index:1}.featured-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem;flex-direction:column-reverse}.featured-title{font-size:2.4rem;font-weight:900;margin:0;color:var(--text-primary);line-height:1.3;flex:1;text-align:left;word-wrap:break-word}.featured-new-badge{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;padding:.6rem 1.2rem;border-radius:.7rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;animation:pulse-badge 2.5s ease-in-out infinite;box-shadow:0 5px 20px #ff6b6b66}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.featured-excerpt{font-size:1.15rem;color:var(--text-secondary);margin:0 0 2rem;line-height:1.7}.featured-meta{display:flex;gap:2.5rem;margin-bottom:2rem;flex-wrap:wrap}.featured-read-time,.featured-author,.featured-date{display:flex;align-items:center;gap:.6rem;font-size:1rem;color:var(--text-secondary);font-weight:600}.featured-read-time svg,.featured-author svg,.featured-date svg{color:var(--accent-primary);font-size:1.1rem}.featured-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}.featured-tag{display:inline-block;background:linear-gradient(135deg,#007acc26,#6366f11f);border:1.5px solid rgba(0,122,204,.3);color:var(--accent-primary);padding:.65rem 1.3rem;border-radius:.8rem;font-size:.9rem;font-weight:700;transition:all .3s ease}.featured-tag:hover{background:linear-gradient(135deg,var(--accent-primary),rgba(0,122,204,.8));color:#fff;border-color:var(--accent-primary);box-shadow:0 8px 20px #007acc4d}.featured-cta{display:inline-flex;align-items:center;gap:.8rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:1.2rem 2.5rem;border-radius:1rem;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:1rem;letter-spacing:.5px;border:none;box-shadow:0 10px 30px #007acc4d}.featured-article-card:hover .featured-cta{box-shadow:0 15px 40px #007acc66}.blogs-search-section{margin-bottom:3rem;animation:fadeInUp .6s ease-out .15s both}.search-wrapper{position:relative;max-width:600px;margin:0 auto}.search-wrapper .search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--accent-primary);font-size:1.25rem;transition:all .3s ease}.search-wrapper .search-input:focus~.search-icon{color:var(--accent-primary)}.search-wrapper .search-input{width:100%;padding:1rem 3rem 1rem 3.5rem;font-size:1rem;border:2px solid var(--border-color);border-radius:1rem;background:linear-gradient(135deg,var(--bg-secondary),rgba(99,102,241,.03));color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000000d}.search-wrapper .search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 4px #007acc26,0 8px 20px #007acc26;background:linear-gradient(135deg,var(--bg-secondary),rgba(99,102,241,.08))}.search-wrapper .search-input::placeholder{color:var(--text-secondary)}.search-clear{position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#007acc26,#6366f11f);border:1.5px solid rgba(0,122,204,.3);color:var(--accent-primary);width:38px;height:38px;border-radius:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-weight:700;padding:0}.search-clear:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);box-shadow:0 8px 20px #007acc4d}.difficulty-filter{margin-bottom:3rem;animation:fadeInUp .6s ease-out .2s both}.filter-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-btn{padding:.9rem 2rem;border:2px solid rgba(0,122,204,.3);background:linear-gradient(135deg,var(--bg-secondary),rgba(0,122,204,.05));color:var(--text-primary);border-radius:1.2rem;cursor:pointer;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);font-size:1rem;box-shadow:0 4px 12px #00000014;letter-spacing:.5px;position:relative;overflow:hidden}.filter-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.filter-btn:hover:before{left:-100%}.filter-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#007acc26,#6366f11f);color:var(--accent-primary);box-shadow:0 12px 30px #007acc33}.filter-btn.active{background:linear-gradient(135deg,var(--accent-primary),#0092cc);color:#fff;border-color:var(--accent-primary);box-shadow:0 12px 35px #007acc66}.filter-btn.active.medium{background:var(--medium)}.filter-btn.active.hard{background:var(--hard)}.tags-filter{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;animation:fadeInUp .5s ease-out .2s both;overflow-x:auto;padding-bottom:.5rem}.tags-icon{color:var(--text-secondary);flex-shrink:0}.tags-list{display:flex;gap:.5rem;flex-wrap:nowrap}.tag-filter-btn{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:2rem;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tag-filter-btn:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.tag-filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.search-results-info{padding:.75rem 1rem;background:var(--bg-secondary);border-radius:.5rem;color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;border-left:3px solid var(--accent-primary);text-align:left}.featured-blog{position:relative;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:1.5rem;padding:2.5rem;margin-bottom:2.5rem;cursor:pointer;overflow:hidden;transition:all .3s ease;animation:fadeInUp .6s ease-out .3s both}.featured-blog:hover{box-shadow:0 20px 40px #6366f14d}.featured-badge{position:absolute;top:1.5rem;right:1.5rem;background:#fff3;padding:.35rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.featured-content{position:relative;z-index:2;color:#fff}.featured-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;align-items:center}.featured-meta .difficulty-tag{padding:.3rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.featured-meta .difficulty-tag.easy{background:#22c55e4d;color:#86efac}.featured-meta .difficulty-tag.medium{background:#fbbf244d;color:#fde047}.featured-meta .difficulty-tag.hard{background:#ef44444d;color:#fca5a5}.featured-date,.featured-read-time{display:flex;align-items:center;gap:.35rem;font-size:.85rem;opacity:.9}.featured-title{font-size:2rem;font-weight:800;margin:0 0 1rem;line-height:1.3}.featured-excerpt{font-size:1.1rem;opacity:.9;margin:0 0 1.5rem;line-height:1.6;max-width:700px}.featured-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.featured-tag{background:#fff3;padding:.35rem .75rem;border-radius:.5rem;font-size:.8rem;font-weight:500}.featured-author{display:flex;align-items:center;gap:.5rem;font-size:.9rem;opacity:.9}.featured-decoration{position:absolute;top:0;right:0;bottom:0;width:40%;pointer-events:none}.decoration-circle{position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff1a;right:-100px;top:-50px}.decoration-circle.small{width:150px;height:150px;right:50px;top:auto;bottom:-30px}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:3rem;perspective:1000px;padding:2rem 0;animation:fadeInUp .8s ease-out .3s both}.blog-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.05) 100%);border:2px solid rgba(0,122,204,.2);border-radius:1.5rem;padding:2rem;cursor:pointer;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;animation:fadeInUp .6s ease-out both;font-family:inherit;font-size:1rem;text-align:left;position:relative;box-shadow:0 8px 25px #0000001a;overflow:hidden}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(0,122,204,.1),transparent);pointer-events:none;opacity:0;transition:opacity .4s ease}.blog-card:hover:before{opacity:1}.blog-card:hover{border-color:var(--accent-primary);box-shadow:0 20px 60px #007acc33}.blog-card:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.blog-card:focus:not(:focus-visible){outline:none}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.2rem;gap:.8rem;position:relative;z-index:1}.card-badges{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.difficulty-chip{padding:.4rem 1rem;border-radius:.7rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;border:1.5px solid transparent;background:linear-gradient(135deg,#007acc26,#6366f11a);color:var(--accent-primary);transition:all .3s ease;position:relative;z-index:1}.blog-card:hover .difficulty-chip{box-shadow:0 4px 12px #007acc33}.featured-chip{padding:.3rem .75rem;border-radius:.5rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ff6b6b33,#ff878726);color:#ff6b6b;border:1px solid rgba(255,107,107,.4);display:flex;align-items:center;gap:.35rem;animation:pulse-featured 2s ease-in-out infinite}@keyframes pulse-featured{0%,to{opacity:1}50%{opacity:.8}}.blog-card.featured{border:2px solid var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,122,204,.08) 100%);box-shadow:0 8px 25px #007acc26}.blog-card.featured:hover{box-shadow:0 15px 40px #007acc40;border-color:var(--accent-secondary)}.difficulty-chip.easy{background:#22c55e26;color:#22c55e;border-color:#22c55e4d}.difficulty-chip.easy:hover{background:#22c55e40;border-color:#22c55e80}.difficulty-chip.medium{background:#fbbf2426;color:#fbbf24;border-color:#fbbf244d}.difficulty-chip.medium:hover{background:#fbbf2440;border-color:#fbbf2480}.difficulty-chip.hard{background:#ef444426;color:#ef4444;border-color:#ef44444d}.difficulty-chip.hard:hover{background:#ef444440;border-color:#ef444480}.card-read-time{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary);transition:all .2s ease}.card-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin:0 0 1rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:all .3s ease;text-align:left;word-wrap:break-word;background:linear-gradient(135deg,var(--text-primary),var(--text-secondary));-webkit-background-clip:text;background-clip:text}.blog-card:hover .card-title{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,var(--accent-primary),#00b4db);-webkit-background-clip:text;background-clip:text}.card-excerpt{font-size:.95rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1;transition:color .2s ease;text-align:left;word-wrap:break-word}.blog-card:hover .card-excerpt{color:var(--text-primary)}.card-tags{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.25rem 0}.card-tag{background:linear-gradient(135deg,#007acc2e,#3b82f61f);color:var(--accent-primary);padding:.5rem 1rem;border-radius:.75rem;font-size:.8rem;font-weight:600;border:1.5px solid var(--accent-primary);transition:all .2s ease;cursor:default}.card-tag:hover{background:linear-gradient(135deg,#007acc47,#3b82f638)}.card-tag.more{background:linear-gradient(135deg,#007acc1a,#3b82f60d);color:var(--text-secondary);border-color:var(--border-color)}.card-footer{display:flex;justify-content:flex-start;align-items:center;padding-top:1.5rem;margin-top:auto;border-top:2px solid var(--border-color);font-size:.85rem;color:var(--text-secondary)}.card-author{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);text-align:left}.card-date{display:none}.no-results{text-align:center;padding:4rem 2rem;color:var(--text-secondary);grid-column:1 / -1}.no-results svg{margin-bottom:1rem;opacity:.4}.no-results h2{font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.no-results p{margin:0 0 1.5rem}.reset-filters-btn{padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-filters-btn:hover{background:var(--accent-secondary)}.blog-reader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;z-index:1000;display:flex;justify-content:center;animation:fadeIn .3s ease-out}.reading-progress-bar{position:fixed;top:0;left:0;height:5px;background:linear-gradient(90deg,var(--accent-primary) 0%,#00b4db 50%,var(--accent-secondary) 100%);z-index:1002;transition:width .1s linear;box-shadow:0 0 20px #007acc99}.blog-reader-content{background:var(--bg-primary);width:100%;max-width:900px;height:100vh;overflow-y:auto;padding:3rem 3.5rem 4rem;position:relative;animation:slideInFromRight .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 80px #00000080}.reader-close{position:absolute;top:2rem;right:2rem;background:linear-gradient(135deg,var(--bg-secondary),rgba(99,102,241,.05));border:2px solid var(--border-color);color:var(--text-primary);width:48px;height:48px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1005;transition:all .2s ease;box-shadow:0 4px 12px #00000026}.reader-close:hover{background:linear-gradient(135deg,var(--accent-primary),#0092cc);color:#fff;border-color:var(--accent-primary);transform:rotate(90deg) scale(1.1);box-shadow:0 8px 24px #007acc66}.reader-header{position:relative;margin:-3rem -3.5rem 2.5rem;padding:3rem 3.5rem;border-bottom:2px solid var(--border-color);background:linear-gradient(135deg,#007acc14,#3b82f60d);box-shadow:0 4px 20px #007acc1a;border-radius:1rem 1rem 0 0}.reader-meta-top{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;align-items:center}.difficulty-label{padding:.4rem .8rem;border-radius:.5rem;font-size:.75rem;font-weight:700;text-transform:uppercase}.difficulty-label.easy{background:#22c55e26;color:var(--easy)}.difficulty-label.medium{background:#fbbf2426;color:var(--medium)}.difficulty-label.hard{background:#ef444426;color:var(--hard)}.reader-date,.reader-read-time{display:flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-secondary)}.reader-title{font-size:2.25rem;font-weight:800;color:var(--text-primary);margin:1rem 0 1.5rem;line-height:1.3;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reader-author{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.author-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.author-info{display:flex;flex-direction:column}.author-name{font-weight:600;color:var(--text-primary)}.author-role{font-size:.85rem;color:var(--text-secondary)}.reader-tags{display:flex;flex-wrap:wrap;gap:.5rem}.reader-tag{display:flex;align-items:center;gap:.3rem;background:var(--bg-secondary);border:1px solid var(--border-color);padding:.4rem .75rem;border-radius:2rem;font-size:.85rem;color:var(--text-primary)}.reader-toc-wrapper{margin:1.5rem 0;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:1rem;border:1px solid var(--border-color);overflow:hidden}.toc-toggle{width:100%;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:600;color:var(--text-primary);transition:all .3s ease}.toc-toggle:hover{background:#007acc1a;color:var(--accent-primary)}.toc-toggle svg{transition:transform .3s ease}.reader-toc{padding:0 1.5rem 1.5rem;border-top:1px solid var(--border-color)}.toc-label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;padding-top:1rem}.toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.toc-item{margin:0;padding:0}.toc-item.toc-level-1>a{font-weight:700;font-size:.95rem;padding-left:0}.toc-item.toc-level-2>a{font-weight:600;font-size:.9rem;padding-left:1.5rem}.toc-item.toc-level-3>a{font-weight:500;font-size:.85rem;padding-left:3rem}.toc-item a{display:block;padding:.5rem .75rem;color:var(--text-primary);text-decoration:none;border-radius:.5rem;transition:all .2s ease;border-left:3px solid transparent}.toc-item a:hover{color:var(--accent-primary);background:#007acc1a;border-left-color:var(--accent-primary)}.toc-item.active>a{color:var(--accent-primary);background:#007acc26;border-left-color:var(--accent-primary);font-weight:600}.reader-article{font-size:1.05rem;line-height:1.9;color:var(--text-primary);background:linear-gradient(135deg,#6366f105,#8b5cf605);padding:2rem;border-radius:1rem;border:1px solid rgba(99,102,241,.1)}.article-h2{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:2.5rem 0 1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.article-h3{font-size:1.35rem;font-weight:700;color:var(--text-primary);margin:2rem 0 .75rem}.article-h4{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin:1.5rem 0 .5rem}.article-paragraph{margin-bottom:1.25rem;color:var(--text-primary);text-align:justify}.article-list-item{list-style:disc;margin-left:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.paragraph-break{height:.75rem}.code-block{background:#1a1a2e;border-radius:.75rem;margin:1.5rem 0;overflow:hidden;border:1px solid #2a2a40}.code-header{background:#252540;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a40}.code-language{color:#888;font-size:.8rem;text-transform:uppercase;font-weight:600;letter-spacing:.5px}.copy-code-btn{background:#3a3a55;border:1px solid #4a4a65;color:#aaa;padding:.4rem .85rem;border-radius:.4rem;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease}.copy-code-btn:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px)}.copy-code-btn.copied{background:#22c55e;border-color:#22c55e;color:#fff;animation:popIn .3s ease}.code-block pre{margin:0;padding:1.25rem;overflow-x:auto;max-height:500px}.code-block code{font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9rem;line-height:1.6;color:#e0e0e0;-moz-tab-size:4;tab-size:4}.inline-code{background:var(--bg-tertiary);color:var(--accent-primary);padding:.15rem .5rem;border-radius:.3rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.9em}.reader-navigation{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:2px solid var(--border-color)}.nav-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:2px solid var(--border-color);border-radius:50%;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--text-primary);flex-shrink:0}.nav-btn:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 8px 24px #6366f14d;transform:scale(1.1)}.nav-btn.prev{margin-right:auto}.nav-btn.next{margin-left:auto}.nav-btn:hover .nav-title{color:#fff}.nav-text{display:none}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 900px){.reader-close{right:1rem}.blog-reader-content{padding:2rem}}@media (max-width: 768px){.blogs-header{flex-direction:column;text-align:center;gap:1.5rem}.blogs-title{font-size:2rem;justify-content:center}.blogs-subtitle{margin:0 auto}.featured-blog{padding:1.5rem}.featured-title{font-size:1.5rem}.featured-excerpt{font-size:1rem}.decoration-circle{display:none}.blogs-grid{grid-template-columns:1fr}.reader-title{font-size:1.75rem}.reader-navigation{flex-direction:row;justify-content:center;gap:1rem}.nav-btn{margin:0!important}.nav-btn.next{margin-left:0}}@media (max-width: 480px){.blogs-page{padding:1rem 0}.blogs-header{padding:1.5rem;border-radius:1rem}.blogs-title{font-size:1.5rem}.stat-bubble{padding:.75rem 1rem}.stat-number{font-size:1.5rem}.blog-reader-content{padding:1.5rem}.reader-header{margin-bottom:1.5rem;padding-bottom:1.5rem}.reader-title{font-size:1.5rem}}.contests-page{padding:2rem 0}.page-header{margin-bottom:3rem;text-align:center;animation:slideDown .5s ease-out}.page-title{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;gap:.75rem;background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-icon{font-size:2.5rem}.page-subtitle{font-size:1rem;color:var(--text-secondary)}.contests-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;animation:slideUp .5s ease-out .1s both}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.stat-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;flex-shrink:0}.stat-content{flex:1}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500}.contests-list{display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-out .2s both}.contest-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column}.contest-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.contest-card:hover:before{transform:scaleX(1)}.contest-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-5px)}.contest-badge{padding:1rem 1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.badge-label{display:inline-block;padding:.35rem .75rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contest-header{padding:1.5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border-bottom:1px solid var(--border-color)}.contest-info{flex:1}.contest-name{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.contest-date{font-size:.9rem;color:var(--text-secondary)}.contest-rank-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:8px;min-width:100px;text-align:center;border:1px solid var(--border-color)}.rank-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.rank-value{font-size:1.5rem;font-weight:700;color:var(--primary)}.contest-stats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mini-stat{display:flex;flex-direction:column;gap:.5rem;text-align:center}.mini-stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.mini-stat-value{font-size:1.25rem;font-weight:700;color:var(--primary)}.contest-problems{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.problems-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.problems-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.problem-count{font-size:.85rem;color:var(--text-secondary);background:var(--input-bg);padding:.35rem .75rem;border-radius:6px}.problems-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.contest-problem-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:all .3s ease;text-decoration:none;cursor:pointer}.contest-problem-card:hover{border-color:var(--primary);box-shadow:var(--shadow-glow);transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;align-items:center}.problem-index{background:var(--input-bg);color:var(--text-primary);padding:.4rem .8rem;border-radius:6px;font-weight:700;font-size:.85rem;border:1px solid var(--border-color)}.difficulty-pill{color:#fff;padding:.35rem .85rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.card-body{display:flex;flex-direction:column;gap:.5rem;flex:1}.problem-number{color:var(--text-secondary);font-weight:600;font-size:.8rem}.problem-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;line-height:1.5;transition:color .3s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.contest-problem-card:hover .problem-title{color:var(--primary)}.card-topics{display:flex;flex-wrap:wrap;gap:.5rem}.topic-chip{background:var(--bg-tertiary);color:var(--primary);padding:.35rem .75rem;border-radius:20px;font-size:.75rem;font-weight:500;border:1px solid var(--border-color)}.card-actions{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;align-items:center}.view-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.85rem;font-weight:600;transition:all .3s ease}.solution-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--easy);font-size:.85rem;font-weight:600;transition:all .3s ease;text-decoration:none;padding:.4rem .8rem;background:#00b8a31a;border-radius:6px}.solution-btn:hover{background:#00b8a333;transform:translateY(-2px)}.contest-problem-card:hover .view-btn{gap:.75rem}.no-contests{text-align:center;padding:4rem 2rem;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 4px 12px #0000000d}.no-contests-icon{font-size:3.5rem;color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.no-contests p{font-size:1.2rem;color:var(--text-primary);margin:.75rem 0;font-weight:600}.no-contests-subtitle{color:var(--text-secondary);font-size:.95rem;margin-top:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.problems-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.contest-stats-mini{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.page-title{font-size:2rem}.contests-stats{grid-template-columns:1fr}.contest-header{flex-direction:column;align-items:flex-start}.contest-rank-badge{align-self:flex-start;min-width:80px;padding:.75rem}.problems-grid{grid-template-columns:1fr}.contest-stats-mini{gap:1rem}.problem-footer{flex-direction:column;align-items:flex-start;gap:.5rem}}@media (max-width: 480px){.page-title{font-size:1.5rem;gap:.5rem}.title-icon{font-size:1.8rem}.contest-card{margin:0}.contest-problems{padding:1rem}.problems-header{flex-direction:column;align-items:flex-start}.contest-problem-item{padding:.75rem}.problem-title{font-size:.85rem}.contest-stats-mini{grid-template-columns:1fr}}.daily-challenge-page{max-width:1000px;margin:0 auto}.company-search-container{display:flex;gap:1rem;margin-bottom:2rem}.search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.25rem}.company-search-input{width:100%;padding:1rem 1rem 1rem 3.5rem;font-size:1rem;border:2px solid var(--border-color);border-radius:.75rem;background:var(--bg-secondary);color:var(--text-primary);transition:all .3s ease}.company-search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.company-search-input::placeholder{color:var(--text-secondary)}.clear-search-btn{padding:0 1.5rem;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:.75rem;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease}.clear-search-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.company-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);padding:1.5rem;border-radius:1rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-md);transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-icon{font-size:2rem;color:var(--accent-primary)}.stat-info{flex:1}.stat-value{font-size:2rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.company-sections{display:flex;flex-direction:column;gap:2rem}.company-section{background:var(--bg-secondary);border-radius:1rem;overflow:hidden;box-shadow:var(--shadow-md)}.company-header{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.company-name{margin:0;font-size:1.25rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem}.company-icon{font-size:1.5rem}.problem-count{background:#fff3;padding:.35rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600;color:#fff}.company-problems-list{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.company-problem-card{background:var(--bg-tertiary);border-radius:.75rem;padding:1.25rem;transition:all .3s ease;border:1px solid var(--border-color)}.company-problem-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.problem-info{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.problem-number{color:var(--text-secondary);font-weight:600;font-size:.9rem}.problem-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);flex:1}.difficulty-chip{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600}.difficulty-chip.easy{background:#22c55e26;color:var(--easy)}.difficulty-chip.medium{background:#fbbf2426;color:var(--medium)}.difficulty-chip.hard{background:#ef444426;color:var(--hard)}.problem-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topic-tag{background:var(--bg-secondary);color:var(--text-secondary);padding:.25rem .6rem;border-radius:.4rem;font-size:.75rem;font-weight:500}.problem-actions{display:flex;gap:.75rem;flex-wrap:wrap}.action-btn{padding:.5rem 1rem;border-radius:.5rem;text-decoration:none;font-weight:600;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem;transition:all .3s ease;border:2px solid transparent}.problem-btn{background:var(--accent-primary);color:#fff}.problem-btn:hover{background:var(--accent-secondary);transform:translateY(-2px)}.solution-btn{background:transparent;color:var(--accent-primary);border-color:var(--accent-primary)}.solution-btn:hover{background:var(--accent-primary);color:#fff}.no-results{text-align:center;padding:4rem 2rem;background:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow-md)}.no-results-icon{font-size:3rem;color:var(--text-secondary);margin-bottom:1rem}.no-results p{font-size:1.1rem;color:var(--text-primary);margin:.5rem 0}.no-results-subtitle{color:var(--text-secondary);font-size:.95rem}.no-daily{text-align:center;padding:6rem 2rem;background:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow-md)}.no-daily-icon{font-size:4rem;color:var(--text-secondary);margin-bottom:1rem}.no-daily p{font-size:1.25rem;color:var(--text-primary);margin:.5rem 0}.no-daily-subtitle{color:var(--text-secondary);font-size:1rem}@media (max-width: 768px){.company-search-container{flex-direction:column}.clear-search-btn{padding:.75rem 1.5rem}.company-header{flex-direction:column;align-items:flex-start;gap:.75rem}.problem-info{flex-direction:column;align-items:flex-start}.problem-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}.dashboard{max-width:1400px;margin:0 auto}.featured-blog-section.premium{display:grid;grid-template-columns:1.2fr 1fr;gap:3rem;margin-bottom:4rem;padding:3.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 50%,rgba(0,122,204,.08) 100%);border:2px solid var(--accent-primary);border-radius:2rem;position:relative;overflow:hidden;animation:slideInDown .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 70px #007acc33,inset 0 1px #ffffff1a}.featured-blog-section.premium:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,122,204,.15),transparent);animation:rotate 15s linear infinite;pointer-events:none}.featured-blog-section.premium:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);pointer-events:none}.featured-blog-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between}.featured-blog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.featured-blog-badge{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.75rem 1.5rem;border-radius:3rem;font-size:.9rem;font-weight:700;box-shadow:0 8px 25px #007acc66;letter-spacing:.5px;text-transform:uppercase}.featured-premium-badge{background:linear-gradient(135deg,#ff6b6b,#ff8787);color:#fff;padding:.6rem 1.2rem;border-radius:.75rem;font-size:.8rem;font-weight:700;letter-spacing:1px;animation:pulse 2s ease-in-out infinite;box-shadow:0 8px 20px #ff6b6b4d}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.featured-blog-title{font-size:2.4rem;font-weight:900;color:var(--text-primary);margin:0 0 1rem;line-height:1.2;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.featured-blog-excerpt{font-size:1.05rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.7}.featured-blog-meta-info{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:.6rem;color:var(--accent-primary);font-weight:600;font-size:.95rem}.featured-blog-cta.premium{display:inline-flex;align-items:center;gap:.8rem;width:fit-content;padding:1.1rem 2.2rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border:none;border-radius:1rem;font-weight:800;text-decoration:none;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 12px 35px #007acc4d}} .featured-blog-cta.premium:hover{box-shadow:0 18px 50px #007acc73}.featured-blog-cta.premium:active{transform:translateY(-2px)}.featured-blog-decoration.premium{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;animation:fadeInRight .8s ease-out .2s both}.deco-orb{position:absolute;border-radius:50%}.orb-1{width:250px;height:250px;background:linear-gradient(135deg,var(--accent-primary),transparent);top:-50px;right:-50px;animation:float 6s ease-in-out infinite}.orb-2{width:200px;height:200px;background:linear-gradient(135deg,var(--accent-secondary),transparent);bottom:-30px;left:-30px;animation:float 8s ease-in-out infinite 1s}.deco-light-ray{position:absolute;width:2px;height:100%;background:linear-gradient(180deg,transparent,var(--accent-primary),var(--accent-secondary),transparent);right:20%;animation:moveLight 4s ease-in-out infinite}@keyframes moveLight{0%,to{transform:translateY(-100%)}50%{transform:translateY(100%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.dashboard-hero{position:relative;margin-bottom:4rem;padding:4rem 3rem;border-radius:2rem;background:linear-gradient(135deg,#6366f126,#a855f714,#3b82f60d);border:2px solid rgba(0,122,204,.3);overflow:hidden;box-shadow:0 20px 60px #007acc1a,inset 0 1px #ffffff1a;animation:fadeInUp .8s ease-out}.dashboard-hero.premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.08) 50%,var(--bg-tertiary) 100%);border:2px solid var(--accent-primary);box-shadow:0 25px 80px #007acc33,inset 0 1px #ffffff26}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:#007acc33;border:1px solid var(--accent-primary);color:var(--accent-primary);padding:.6rem 1.2rem;border-radius:2rem;font-size:.85rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:.5px;animation:float 3s ease-in-out infinite}.hero-badge.premium{background:linear-gradient(135deg,#007acc40,#3b82f626);border:1px solid var(--accent-primary);box-shadow:0 0 20px #007acc33}.page-title{font-size:3.5rem;font-weight:900;margin:0 0 .5rem;color:var(--text-primary);display:flex;align-items:center;gap:1rem;line-height:1.2}.page-title.premium{font-size:3.8rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-primary) 50%,var(--accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .1s both}.title-icon{color:var(--accent-primary);font-size:3.5rem;animation:spin 4s linear infinite}.page-subtitle{font-size:1.05rem;color:var(--text-secondary);margin:0 0 2rem;max-width:600px;line-height:1.6;margin:auto}.page-subtitle.premium{font-size:1.1rem;color:var(--text-secondary);animation:fadeInUp .8s ease-out .15s both}.hero-stats-quick{display:flex;gap:2rem;flex-wrap:wrap}.hero-stats-quick.premium{gap:3rem;animation:fadeInUp .8s ease-out .2s both}.hero-stats-quick.sde-stats{margin-top:2rem;padding-top:2rem;border-top:2px solid var(--accent-secondary);animation:fadeInUp .8s ease-out .3s both}.hero-stats-quick.sde-stats .quick-stat{background:#66339914;border-color:#6393}.hero-stats-quick.sde-stats .quick-stat.stat-link:hover{background:#66339926;border-color:var(--accent-secondary);box-shadow:0 12px 24px #6393}.hero-stats-quick.sde-stats .quick-stat:hover{background:#66339926;border-color:var(--accent-secondary)}.hero-stats-quick.sde-stats .quick-stat-value{color:var(--accent-secondary)}.quick-stat{display:flex;flex-direction:column;position:relative;padding:1.5rem 2rem;background:#007acc14;border:1px solid rgba(0,122,204,.2);border-radius:1.2rem;transition:all .3s ease}.quick-stat.stat-link{text-decoration:none;cursor:pointer}.quick-stat.stat-link:hover{background:#007acc26;border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:0 12px 24px #007acc33}.quick-stat:hover{background:#007acc26;border-color:var(--accent-primary)}.quick-stat-value{font-size:2.2rem;font-weight:800;color:var(--accent-primary)}.quick-stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.hero-decoration{position:absolute;top:0;right:0;width:100%;height:100%;pointer-events:none;overflow:hidden;border-radius:2rem}.hero-decoration.premium{animation:fadeInRight .8s ease-out .2s both}.background-glow{position:absolute;top:50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,122,204,.2),transparent);border-radius:50%;animation:float 8s ease-in-out infinite}.decoration-circle{position:absolute;border-radius:50%;opacity:.15;animation:float 6s ease-in-out infinite}.circle-1{width:400px;height:400px;background:var(--accent-primary);top:-100px;right:-100px;animation-delay:0s}.circle-2{width:300px;height:300px;background:var(--accent-secondary);bottom:-50px;left:-80px;animation-delay:2s}.circle-3{width:250px;height:250px;background:var(--medium);top:50%;left:50%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(20px) translate(10px)}}.hero-content{position:relative;z-index:1;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f133,#a855f71a);padding:.6rem 1.2rem;border-radius:50px;color:var(--accent-primary);font-size:.9rem;font-weight:600;margin-bottom:1rem;border:1px solid rgba(99,102,241,.3);animation:fadeInDown .8s ease-out}.badge-icon{font-size:1rem;animation:spin 3s linear infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page-title{font-size:3rem;font-weight:800;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--hard));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInDown 1s ease-out .1s backwards}.title-icon{font-size:3rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:2rem;animation:fadeInDown 1s ease-out .2s backwards}.hero-stats-quick{display:flex;justify-content:center;gap:3rem;margin-top:2rem;animation:fadeInUp 1s ease-out .3s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.quick-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem}.quick-stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.quick-stat-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.dashboard-header{margin-bottom:2rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.8rem;margin-bottom:3.5rem;animation:fadeInUp 1s ease-out .4s backwards}.stats-grid.premium{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;animation:fadeInUp .8s ease-out .5s both}.stat-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.08) 100%);padding:2.2rem;border-radius:1.5rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 8px 25px #00000014;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid transparent;position:relative;overflow:hidden}.stat-card.premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,122,204,.1) 100%);border:2px solid rgba(0,122,204,.3);box-shadow:0 12px 40px #007acc26}.stat-card-glow{position:absolute;top:-50%;right:-50%;width:200px;height:200px;border-radius:50%;opacity:0;transition:opacity .4s ease;pointer-events:none}.stat-card:hover .stat-card-glow{opacity:.3}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--accent-gradient);opacity:0;transition:opacity .4s ease;z-index:0}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity .4s ease}.stat-card:hover:before{opacity:.15}.stat-card:hover:after{opacity:1}.stat-card:hover{box-shadow:0 22px 55px #007acc40;border-color:var(--accent-primary)}.stat-icon{font-size:3.2rem;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.15));animation:pulse 2s ease-in-out infinite}.stat-icon.premium{font-size:3.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stat-content{flex:1;position:relative;z-index:1}.stat-content.premium{animation:fadeInRight .8s ease-out .6s both}.stat-value{font-size:2.8rem;font-weight:800;line-height:1;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-value.premium{font-size:3rem}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-label.premium{font-size:.9rem;color:var(--text-secondary);animation:fadeInDown .8s ease-out .65s both}.progress-section{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.08) 100%);padding:3rem;border-radius:1.5rem;margin-bottom:3.5rem;box-shadow:0 8px 30px #00000014;border:2px solid rgba(0,122,204,.2);animation:fadeInUp 1s ease-out .4s backwards}.progress-section.premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,122,204,.1) 50%,var(--bg-tertiary) 100%);border:2px solid var(--accent-primary);box-shadow:0 15px 50px #007acc26,inset 0 1px #ffffff1a;animation:fadeInUp .8s ease-out .6s both}.section-title{font-size:1.8rem;font-weight:800;margin-bottom:2rem;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;gap:.75rem;letter-spacing:-.5px}.section-title.premium{font-size:2rem;margin-bottom:2.5rem;animation:fadeInLeft .8s ease-out .65s both}.section-icon{color:var(--accent-primary);font-size:1.8rem;animation:float 3s ease-in-out infinite}.streak-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));position:relative;overflow:hidden}.streak-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,165,0,.1) 0%,transparent 70%);animation:glow 3s ease-in-out infinite alternate}@keyframes glow{0%,to{opacity:.5}50%{opacity:1}}.streak-content{display:flex;align-items:center;justify-content:space-around;gap:2rem;position:relative;z-index:1}.streak-stat{display:flex;flex-direction:column;align-items:center;gap:.75rem}.fire-icon,.trophy-icon{font-size:3rem;animation:bounce 2s ease-in-out infinite}.fire-icon{filter:drop-shadow(0 0 20px rgba(255,165,0,.6))}.trophy-icon{filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.streak-number{font-size:3rem;font-weight:800;color:var(--text-primary);line-height:1}.streak-label{font-size:.95rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:1px}.streak-divider{width:2px;height:80px;background:linear-gradient(to bottom,transparent,var(--border-color),transparent)}.activity-heatmap-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary))}.heatmap-wrapper{display:flex;flex-direction:column;gap:1rem}.heatmap-container{display:flex;gap:.75rem}.heatmap-days{display:flex;flex-direction:column;justify-content:space-around;font-size:.75rem;color:var(--text-secondary);padding-right:.5rem;font-weight:600}.heatmap-grid{display:flex;gap:4px;flex:1}.heatmap-week{display:flex;flex-direction:column;gap:4px;flex:1}.heatmap-cell{aspect-ratio:1;border-radius:4px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);cursor:pointer;border:1.5px solid rgba(99,102,241,.2);position:relative}.heatmap-cell:hover{box-shadow:0 0 15px #6366f199;z-index:10;border-color:var(--accent-primary)}.heatmap-cell.active{animation:popIn .4s cubic-bezier(.68,-.55,.265,1.55)}.heatmap-legend{display:flex;align-items:center;gap:.5rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--border-color)}.legend-label{font-size:.75rem;color:var(--text-secondary);font-weight:600}.legend-cells{display:flex;gap:4px}.legend-cell{width:14px;height:14px;border-radius:3px;border:1.5px solid rgba(99,102,241,.2);transition:transform .2s ease}@keyframes popIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.circular-progress-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2.5rem;padding:1.5rem 0;animation:fadeInUp 1s ease-out .35s backwards}.circular-progress-grid.premium{gap:3rem;padding:2rem 0;animation:fadeInUp .8s ease-out .7s both}.circular-progress-item{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 1.5rem;background:linear-gradient(135deg,#007acc14,#6366f10d);border-radius:1.3rem;border:2px solid rgba(0,122,204,.15);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.circular-progress-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,122,204,.1),transparent);transition:left .6s ease;pointer-events:none}.circular-progress-item:hover:before{left:-100%}.circular-progress-item:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#007acc26,#6366f11a);box-shadow:0 15px 40px #007acc33}.circular-chart{width:150px;height:150px;transform:rotate(-90deg);filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));transition:filter .3s ease}.circular-progress-item:hover .circular-chart{filter:drop-shadow(0 8px 20px rgba(99,102,241,.2))}.circle{animation:progress 1.5s ease-out forwards;transition:stroke-dasharray .5s ease}@keyframes progress{0%{stroke-dasharray:0,100}}.percentage-text{font-size:.5em;font-weight:700;text-anchor:middle;transform:rotate(90deg);transform-origin:center}.circular-label{display:flex;flex-direction:column;align-items:center;gap:.25rem}.label-value{font-size:1.8rem;font-weight:800;color:var(--text-primary)}.label-text{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.topic-strength-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));margin-bottom:2rem}.topic-strength-bars{display:flex;flex-direction:column;gap:1.5rem}.strength-bar-item{display:flex;flex-direction:column;gap:.75rem}.strength-header{display:flex;justify-content:space-between;align-items:center}.strength-topic{font-weight:700;color:var(--text-primary);font-size:1.05rem}.strength-value{font-weight:600;color:var(--text-secondary);font-size:.9rem;background:var(--bg-tertiary);padding:.25rem .75rem;border-radius:2rem}.strength-bar-track{height:30px;background:var(--bg-tertiary);border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.strength-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:15px;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;transition:width 1s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden;box-shadow:0 2px 10px #6366f14d}.strength-bar-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.strength-percentage{font-weight:700;color:#fff;font-size:.85rem;z-index:1;text-shadow:0 1px 2px rgba(0,0,0,.3)}.section-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary)}.progress-bars{display:flex;flex-direction:column;gap:1.5rem}.progress-item{display:flex;flex-direction:column;gap:.75rem}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-weight:600;color:var(--text-primary);font-size:1rem}.progress-value{font-weight:600;color:var(--accent-primary);font-size:.95rem;background:#6366f11a;padding:.3rem .8rem;border-radius:20px}.progress-bar{height:14px;background:#6366f11a;border-radius:10px;overflow:hidden;position:relative;border:1px solid rgba(99,102,241,.2)}.progress-fill{height:100%;border-radius:10px;transition:width 1.2s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 0 15px currentColor}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:3rem;margin-bottom:3.5rem;animation:fadeInUp 1s ease-out .45s backwards}.dashboard-grid.premium{gap:3.5rem;animation:fadeInUp .8s ease-out .7s both}.dashboard-card{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(99,102,241,.08) 100%);padding:3rem;border-radius:1.5rem;box-shadow:0 12px 40px #0000001a;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(0,122,204,.2);position:relative;overflow:hidden}.dashboard-card.premium{background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,122,204,.1) 100%);border:2px solid var(--accent-primary);box-shadow:0 20px 60px #007acc26,inset 0 1px #ffffff1a;animation:fadeInUp .8s ease-out .75s both}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;gap:1.5rem}.card-header.premium{animation:fadeInRight .8s ease-out .8s both}.view-all-link{color:var(--accent-primary);font-weight:700;text-decoration:none;font-size:.9rem;padding:.6rem 1.2rem;border-radius:.6rem;background:#007acc1f;border:1.5px solid var(--accent-primary);transition:all .3s ease;white-space:nowrap}.view-all-link:hover{background:var(--accent-primary);color:#fff;box-shadow:0 6px 20px #007acc40}.dashboard-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),transparent);transform:scaleX(0);transition:transform .4s ease}.dashboard-card:hover:after{transform:scaleX(1)}.dashboard-card:hover{box-shadow:0 30px 70px #007acc33;border-color:var(--accent-secondary)}.recent-problems-grid{display:grid;gap:1.5rem}.recent-problems-grid.premium{gap:1.8rem;animation:fadeInUp .8s ease-out .85s both}.solution-card{background:linear-gradient(135deg,#007acc1a,#6366f10f);padding:1.5rem;border-radius:1.1rem;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(0,122,204,.2);position:relative;overflow:hidden;animation:fadeInUp .6s ease-out backwards;box-shadow:0 8px 20px #0000000d}.solution-card.premium{border:2px solid rgba(0,122,204,.3);box-shadow:0 10px 30px #00000014}.solution-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,122,204,.2),transparent);opacity:0;transition:opacity .4s ease;z-index:0}.solution-card:hover:before{opacity:1}.solution-card:hover{border-color:var(--accent-primary);box-shadow:0 18px 45px #007acc40;background:linear-gradient(135deg,#007acc26,#6366f11a)}.solution-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.8rem;position:relative;z-index:1}.solution-header.premium{animation:fadeInRight .6s ease-out .1s both}.solution-number{font-weight:700;color:var(--text-secondary);font-size:.85rem;font-family:JetBrains Mono,monospace;background:#007acc26;padding:.4rem 1rem;border-radius:.6rem;border:1px solid rgba(0,122,204,.3)}.solution-number.premium{animation:fadeInLeft .6s ease-out .15s both}.solution-difficulty{font-weight:700;font-size:.75rem;padding:.4rem 1rem;border-radius:.6rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000001a}.solution-difficulty.easy{background:#00b8a326;color:var(--easy);border:1.5px solid var(--easy)}.solution-difficulty.medium{background:#ffc01e26;color:var(--medium);border:1.5px solid var(--medium)}.solution-difficulty.hard{background:#ff375f26;color:var(--hard);border:1.5px solid var(--hard)}.solution-difficulty.premium{animation:fadeInRight .6s ease-out .15s both}.solution-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.4;transition:color .3s ease;position:relative;z-index:1}.solution-title.premium{animation:fadeInUp .6s ease-out .2s both}.solution-card:hover .solution-title{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.solution-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem}.topic-tag{font-size:.7rem;padding:.25rem .65rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1rem;color:var(--text-secondary);font-weight:600;transition:all .3s ease}.solution-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:relative;z-index:1}.solution-footer.premium{animation:fadeInUp .6s ease-out .25s both}.solution-topics{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;flex:1}.solution-topics.premium{animation:fadeInUp .6s ease-out .3s both}.topic-tag{font-size:.75rem;padding:.35rem .8rem;background:#007acc1f;border:1px solid rgba(0,122,204,.3);border-radius:.5rem;color:var(--text-secondary);font-weight:600;transition:all .3s ease}.topic-tag.premium{animation:fadeInUp .6s ease-out .3s both}.solution-card:hover .topic-tag{background:linear-gradient(135deg,#007acc33,#6366f126);border-color:var(--accent-primary);color:var(--accent-primary)}.topic-more{font-size:.75rem;color:var(--accent-primary);font-weight:700;padding:.35rem .7rem;background:#007acc1f;border-radius:.5rem;border:1px solid rgba(0,122,204,.3)}.topic-more.premium{animation:fadeInDown .6s ease-out .3s both}.solution-date{color:var(--text-secondary);font-size:.85rem;font-weight:600;white-space:nowrap}.solution-date.premium{animation:fadeInRight .6s ease-out .35s both}.topics-grid{display:grid;gap:1.2rem;animation:fadeInUp .8s ease-out .75s backwards}.topic-item{display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1.5px solid rgba(0,122,204,.15);border-radius:.8rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.topic-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(0,122,204,.1),transparent);pointer-events:none;opacity:0;transition:opacity .4s ease}.topic-item:hover:before{opacity:1}.topic-item:hover{border-color:var(--accent-primary);box-shadow:0 12px 24px #007acc26,0 24px 48px #007acc14}.topic-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:1}.topic-name{font-weight:700;color:var(--text-primary);font-size:1rem;flex:1;line-height:1.4}.topic-count{background:linear-gradient(135deg,#007acc1f,#6366f11f);padding:.4rem .95rem;border-radius:.6rem;border:1px solid rgba(0,122,204,.3);font-weight:700;font-size:.85rem;color:var(--accent-primary);white-space:nowrap;transition:all .3s ease}.topic-item:hover .topic-count{background:linear-gradient(135deg,#007acc33,#6366f133);border-color:var(--accent-primary)}.topic-bar{width:100%;height:.45rem;background:var(--bg-primary);border-radius:.25rem;overflow:hidden;position:relative;z-index:1;border:1px solid rgba(0,122,204,.1)}.topic-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),rgba(0,122,204,.6));border-radius:.25rem;transition:all .8s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 0 12px #007acc99}.topic-item:hover .topic-bar-fill{box-shadow:0 0 20px #007acccc,0 0 40px #007acc66}.topic-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.topic-stat{display:flex;gap:.5rem;align-items:center;color:var(--text-secondary);font-size:.85rem;font-weight:600;position:relative;z-index:1}.topic-badge{display:inline-block;padding:.3rem .7rem;background:#007acc26;border-radius:.4rem;font-size:.75rem;font-weight:700;color:var(--accent-primary);border:1px solid rgba(0,122,204,.3)}.topic-item:hover .topic-badge{animation:pulse 1.5s ease-in-out infinite}.activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2.5rem;animation:fadeInUp 1s ease-out .5s backwards}.activity-item{background:linear-gradient(135deg,#6366f11a,#a855f70d);padding:2rem;border-radius:1.2rem;display:flex;align-items:center;gap:1.5rem;box-shadow:0 4px 20px #0000000d;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(99,102,241,.2);position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 70%);transform:scale(0);transition:transform .5s ease;z-index:0}.activity-item:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #6366f126;border-color:#6366f166}grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 1.5rem; } .activity-item{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));padding:2rem;border-radius:1rem;display:flex;align-items:center;gap:1.5rem;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border:1px solid var(--border-color);position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);transform:scale(0);transition:transform .5s ease}.activity-item:hover:before{transform:scale(1)}.activity-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent-gradient);transform:scaleX(0);transition:transform .4s ease}.activity-item:hover:after{transform:scaleX(1)}.activity-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),0 10px 40px #6366f133;border-color:var(--accent-primary)}.activity-icon{font-size:2.5rem;color:var(--accent-primary);transition:all .4s ease;position:relative;z-index:1;filter:drop-shadow(0 2px 8px rgba(99,102,241,.3))}.activity-item:hover .activity-icon{transform:scale(1.2) rotate(10deg);filter:drop-shadow(0 4px 15px rgba(99,102,241,.6))}.activity-content{flex:1;position:relative;z-index:1}.activity-value{font-size:2.5rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:.25rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.activity-label{font-size:.9rem;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.activity-link{text-decoration:none;cursor:pointer}.activity-link:hover{text-decoration:none}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.page-title,.stat-value{font-size:2rem}.activity-value{font-size:1.8rem}.streak-content{flex-direction:column;gap:1.5rem}.streak-divider{width:80px;height:2px;transform:rotate(0)}.streak-number{font-size:2.5rem}.circular-progress-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.circular-chart{width:120px;height:120px}.label-value{font-size:1.5rem}.heatmap-days{font-size:.65rem}.heatmap-cell{min-width:8px;min-height:8px}.heatmap-grid,.heatmap-week{gap:2px}.fire-icon,.trophy-icon{font-size:2.5rem}.strength-topic{font-size:.95rem}.strength-value{font-size:.8rem}.solution-title{font-size:.95rem}.solution-footer{flex-direction:column;align-items:flex-start;gap:.5rem}.solution-topics{width:100%}.heatmap-legend{justify-content:center}}.social-links-section{margin-top:4rem;margin-bottom:3rem;padding:3rem 0;position:relative;z-index:1}.social-container{position:relative;text-align:center;padding:3.5rem 2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,122,204,.08) 100%);border-radius:2rem;border:2px solid rgba(0,122,204,.2);animation:fadeInUp .8s ease-out .8s both;box-shadow:0 15px 50px #00000014}.social-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(0,122,204,.1),transparent);border-radius:2rem;pointer-events:none}.social-title{font-size:2.2rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out .85s both;position:relative;z-index:1;letter-spacing:-.5px}.social-title-icon{font-size:2.5rem;animation:spin 4s linear infinite}.social-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .9s both;position:relative;z-index:1}.social-icons{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin-bottom:2rem;animation:fadeInUp .8s ease-out .95s both;position:relative;z-index:1}.social-icon-btn{display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:1.5rem 2rem;border-radius:1.3rem;background:linear-gradient(135deg,var(--bg-secondary),rgba(0,122,204,.08));border:2px solid rgba(0,122,204,.2);text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 8px 25px #0000001a}.social-icon-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.social-icon-btn:hover:before{left:100%}.social-icon-btn:hover{transform:translateY(-8px);border-color:currentColor;box-shadow:0 20px 40px currentColor}.social-icon{font-size:2.5rem;transition:all .3s ease}.social-icon-btn:hover .social-icon{transform:scale(1.15)}.social-label{font-size:.95rem;font-weight:600;transition:all .3s ease}.social-icon-btn.linkedin{color:#0077b5}.social-icon-btn.linkedin:hover{border-color:#0077b5;box-shadow:0 20px 40px #0077b54d}.social-icon-btn.leetcode{color:#f89f1b}.social-icon-btn.leetcode:hover{border-color:#f89f1b;box-shadow:0 20px 40px #f89f1b4d}.social-icon-btn.twitter{color:#1da1f2}.social-icon-btn.twitter:hover{border-color:#1da1f2;box-shadow:0 20px 40px #1da1f24d}.social-decoration{position:relative;margin-top:2rem}.deco-line{height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),var(--accent-secondary),transparent);width:200px;margin:0 auto;animation:expandWidth 1.5s ease-out .6s backwards}@keyframes expandWidth{0%{width:0}to{width:200px}}.featured-blog-section{display:grid;grid-template-columns:1fr auto;gap:3rem;margin-bottom:3rem;padding:2.5rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:2px solid var(--accent-primary);border-radius:1.5rem;position:relative;overflow:hidden;animation:fadeInUp .8s ease-out;box-shadow:0 15px 50px #007acc26}.featured-blog-section:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 3s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{left:-100%}50%{left:100%}}.featured-blog-content{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between}.featured-blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.featured-blog-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;padding:.6rem 1.2rem;border-radius:2rem;font-size:.85rem;font-weight:700;box-shadow:0 5px 15px #007acc4d}} .featured-blog-icon{color:var(--accent-primary);font-size:2rem;opacity:.8;animation:float 3s ease-in-out infinite}.featured-blog-title{font-size:1.8rem;font-weight:800;color:var(--text-primary);margin:0 0 1rem;line-height:1.3}.featured-blog-excerpt{font-size:1rem;color:var(--text-secondary);margin:0 0 1.5rem;line-height:1.6;max-width:500px}.featured-blog-cta{display:inline-flex;align-items:center;gap:.75rem;width:fit-content;padding:1rem 1.75rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-radius:.75rem;font-weight:700;text-decoration:none;font-size:.95rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #007acc40}.featured-blog-cta:hover{transform:translate(6px);box-shadow:0 12px 35px #007acc59}.featured-blog-cta svg{transition:transform .3s ease}.featured-blog-cta:hover svg{transform:translate(4px)}.featured-blog-decoration{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:200px;height:200px}.featured-blog-decoration .decoration-circle{width:180px;height:180px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:.15;animation:float 4s ease-in-out infinite}@media (max-width: 768px){.featured-blog-section{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem}.featured-blog-title{font-size:1.4rem}.featured-blog-decoration{width:150px;height:150px}.featured-blog-decoration .decoration-circle{width:130px;height:130px}}.header{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md);transition:all .3s ease}.header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent-gradient);transform:scaleX(0);transition:transform .5s ease}.header:hover:after{transform:scaleX(1)}.header-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:2rem}@media (max-width: 1400px){.header-content{padding:1rem 2rem}}@media (max-width: 1024px){.header-content{padding:1rem 1.75rem}}@media (max-width: 768px){.header-content{flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}}@media (max-width: 480px){.header-content{padding:1rem}}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.25rem;font-weight:700;color:var(--text-primary);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;white-space:nowrap}.logo:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;background:var(--accent-gradient);border-radius:.5rem;opacity:0;transition:opacity .3s ease;z-index:-1;filter:blur(10px)}.logo:hover:before{opacity:.3}.logo:hover{transform:scale(1.05) rotate(-2deg)}.logo-icon{color:var(--accent-primary);font-size:2rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0}.logo-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.25rem;font-weight:700;display:flex;align-items:center;height:2rem}.nav{display:flex;gap:.5rem;flex:1;justify-content:center}.nav-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;color:var(--text-secondary);font-weight:500;border-radius:.5rem;transition:all .3s ease;position:relative}.nav-link:hover,.nav-link.active{color:var(--accent-primary);background:var(--bg-tertiary)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:70%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent)}.theme-toggle{background:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);padding:.75rem;border-radius:50%;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;overflow:hidden}.theme-toggle:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-gradient);opacity:0;transition:opacity .3s ease}.theme-toggle:hover:before{opacity:1}.theme-toggle:hover{color:#fff;border-color:transparent;transform:rotate(180deg) scale(1.1);box-shadow:var(--shadow-glow)}.theme-toggle>*{position:relative;z-index:1}.header-actions{display:flex;align-items:center;gap:.75rem}@media (max-width: 768px){.nav{flex:100%;order:3;justify-content:space-around}.nav-link span{display:none}.nav-link{padding:.5rem}.logo-text{font-size:1.2rem}}.feedback-btn{display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:.75rem;background:#6366f11f;border:1.5px solid rgba(99,102,241,.3);color:#818cf8;cursor:pointer;font-size:1rem;transition:all .25s ease;flex-shrink:0}.feedback-btn:hover{background:#6366f138;border-color:#6366f199;color:#a5b4fc;transform:translateY(-1px);box-shadow:0 4px 16px #6366f14d}.feedback-btn:active{transform:translateY(0)}.fb-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000a6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:999999;padding:1rem;animation:fb-fade-in .25s ease}@keyframes fb-fade-in{0%{opacity:0}to{opacity:1}}.fb-modal{width:100%;max-width:500px;border-radius:1.25rem;overflow:hidden;box-shadow:0 24px 64px #00000073,0 0 0 1px #ffffff14;animation:fb-slide-up .35s cubic-bezier(.34,1.56,.64,1);background:#1e1f2e}@keyframes fb-slide-up{0%{transform:translateY(30px) scale(.96);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.fb-modal-topbar{height:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa)}.fb-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem 1rem;gap:1rem}.fb-header-left{display:flex;align-items:center;gap:.875rem}.fb-header-icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.875rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;flex-shrink:0;box-shadow:0 4px 14px #6366f173}.fb-title{font-size:1.2rem;font-weight:700;color:#f1f5f9;margin:0;line-height:1.2}.fb-subtitle{font-size:.8rem;color:#64748b;margin:.15rem 0 0}.fb-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.625rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;cursor:pointer;transition:all .2s ease;flex-shrink:0}.fb-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171;transform:rotate(90deg)}.fb-status{display:flex;align-items:center;gap:.625rem;margin:0 1.75rem;padding:.875rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:500;animation:fb-slide-down .3s ease}@keyframes fb-slide-down{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.fb-success{background:#22c55e1f;border:1px solid rgba(34,197,94,.35);color:#4ade80}.fb-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#f87171}.fb-form{display:flex;flex-direction:column;gap:1.1rem;padding:1rem 1.75rem 1.75rem}.fb-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.fb-field{display:flex;flex-direction:column;gap:.45rem}.fb-field label{display:flex;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;color:#94a3b8;letter-spacing:.4px;text-transform:uppercase}.fb-field input,.fb-field textarea{width:100%;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.09);border-radius:.75rem;padding:.75rem 1rem;color:#f1f5f9;font-family:inherit;font-size:.925rem;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.fb-field input::placeholder,.fb-field textarea::placeholder{color:#475569}.fb-field input:focus,.fb-field textarea:focus{background:#6366f114;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.fb-field input:disabled,.fb-field textarea:disabled{opacity:.5;cursor:not-allowed}.fb-field textarea{resize:vertical;min-height:120px;line-height:1.5}.fb-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.25rem}.fb-cancel{padding:.7rem 1.25rem;border-radius:.75rem;background:transparent;border:1.5px solid rgba(255,255,255,.1);color:#64748b;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.fb-cancel:hover:not(:disabled){background:#ffffff0f;border-color:#fff3;color:#94a3b8}.fb-submit{display:flex;align-items:center;gap:.5rem;padding:.7rem 1.5rem;border-radius:.75rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 14px #6366f166;position:relative;overflow:hidden}.fb-submit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .25s ease}.fb-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #6366f180}.fb-submit:hover:not(:disabled):after{opacity:1}.fb-submit:active:not(:disabled){transform:translateY(0)}.fb-submit:disabled{opacity:.6;cursor:not-allowed}.fb-spinner{animation:fb-spin .9s linear infinite}@keyframes fb-spin{to{transform:rotate(360deg)}}@media (max-width: 540px){.fb-overlay{align-items:flex-end;padding:0}.fb-modal{border-radius:1.25rem 1.25rem 0 0;max-width:100%;animation:fb-slide-up-mobile .35s cubic-bezier(.34,1.56,.64,1)}@keyframes fb-slide-up-mobile{0%{transform:translateY(60px);opacity:0}to{transform:translateY(0);opacity:1}}.fb-row{grid-template-columns:1fr}.fb-actions{flex-direction:column-reverse}.fb-cancel,.fb-submit{width:100%;justify-content:center;padding:.85rem}}.learning-roadmap-btn{position:fixed;bottom:2rem;right:2rem;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#00b4db);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #007acc4d;transition:all .3s ease;z-index:999;font-size:1.5rem}.learning-roadmap-btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #007acc66}.learning-roadmap-btn:active{transform:translateY(-2px)}.roadmap-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .3s ease-out}.roadmap-modal{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:1.5rem;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .4s ease-out}.roadmap-header{padding:2rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.roadmap-title{display:flex;gap:1rem;flex:1}.roadmap-title svg{color:var(--accent-primary);flex-shrink:0}.roadmap-title h2{margin:0 0 .5rem;font-size:1.75rem;font-weight:800;color:var(--text-primary)}.roadmap-title p{margin:0;color:var(--text-secondary);font-size:.95rem}.roadmap-close{background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:1.5rem;transition:all .3s ease;padding:.5rem;border-radius:.5rem}.roadmap-close:hover{background:var(--bg-primary);color:var(--accent-primary)}.roadmap-content{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;flex:1;overflow-y:auto}.roadmap-path-card{border:2px solid var(--border-color);border-radius:1rem;overflow:hidden;background:var(--bg-secondary);transition:all .3s ease}.roadmap-path-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 16px #007acc1a}.path-header{width:100%;padding:1.5rem;background:linear-gradient(135deg,#007acc0d,#00b4db0d);border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:2rem;transition:all .3s ease}.path-header:hover{background:linear-gradient(135deg,#007acc1a,#00b4db1a)}.path-info{flex:1;text-align:left}.path-info h3{margin:0 0 .5rem;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.path-info p{margin:0 0 .75rem;color:var(--text-secondary);font-size:.95rem}.path-meta{display:flex;gap:1rem;flex-wrap:wrap}.difficulty,.duration,.topic-count{font-size:.85rem;padding:.4rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary)}.difficulty{color:var(--accent-primary);border-color:var(--accent-primary);background:#007acc1a}.path-progress{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem;min-width:200px}.progress-bar{width:100%;height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),#00b4db);border-radius:4px;transition:width .3s ease}.progress-text{font-weight:700;color:var(--accent-primary);font-size:.9rem}.topics-container{padding:1rem;background:linear-gradient(180deg,#007acc05,#00b4db05);display:flex;flex-direction:column;gap:1rem}.topic-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:all .3s ease;animation:slideDown .3s ease-out}.topic-card:hover{border-color:var(--accent-primary);box-shadow:0 4px 12px #007acc1a}.topic-card.completed{border-color:#4ade80;background:#4ade800d}.topic-header{padding:1rem;display:flex;gap:1rem;align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.step-number{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),#00b4db);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.topic-card.completed .step-number{background:#4ade80}.topic-title-section{flex:1}.topic-title-section h4{margin:0 0 .3rem;color:var(--text-primary);font-weight:700;font-size:1.1rem}.topic-title-section p{margin:0;color:var(--text-secondary);font-size:.9rem}.topic-checkbox{width:40px;height:40px;border-radius:50%;border:2px solid var(--border-color);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .3s ease;flex-shrink:0}.topic-checkbox:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#007acc1a}.topic-checkbox.checked{background:#4ade80;border-color:#4ade80;color:#fff}.topic-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.content-section{display:flex;flex-direction:column;gap:.75rem}.content-section h5{margin:0;font-size:.95rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.content-section h5 svg{color:var(--accent-primary)}.content-section ul{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.content-section li{color:var(--text-secondary);font-size:.9rem;line-height:1.5}.resources{display:flex;flex-wrap:wrap;gap:.75rem}.resource-link{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--accent-primary);text-decoration:none;font-size:.85rem;transition:all .3s ease;cursor:pointer}.resource-link:hover{background:#007acc1a;border-color:var(--accent-primary);transform:translateY(-2px)}.topic-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-color)}.problem-count{font-size:.85rem;color:var(--text-secondary);font-weight:600}.start-btn{padding:.6rem 1.2rem;background:linear-gradient(135deg,var(--accent-primary),#00b4db);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .3s ease}.start-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007acc4d}.start-btn:disabled{background:var(--bg-tertiary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.roadmap-footer{padding:1rem 2rem;background:linear-gradient(135deg,#007acc0d,#00b4db0d);border-top:1px solid var(--border-color);text-align:center}.roadmap-footer p{margin:0;color:var(--text-secondary);font-size:.9rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@media (max-width: 768px){.learning-roadmap-btn{width:50px;height:50px;bottom:1.5rem;right:1.5rem}.roadmap-header{flex-direction:column;gap:1rem;padding:1.5rem}.path-header{flex-direction:column;gap:1rem}.path-progress{width:100%;flex-direction:row;justify-content:space-between;align-items:center;min-width:unset}.progress-bar{flex:1}.path-info{margin-bottom:.5rem}.topic-header{flex-wrap:wrap}.topic-title-section{width:100%;order:2}.step-number{order:1}.topic-checkbox{order:3}.roadmap-content{padding:1rem}.path-meta{flex-direction:column;gap:.5rem}.difficulty,.duration,.topic-count{font-size:.8rem;padding:.3rem .6rem}.topic-footer{flex-direction:column;align-items:flex-start;gap:1rem}.start-btn{width:100%;justify-content:center}.roadmap-modal{border-radius:1rem}}.roadmap-modal::-webkit-scrollbar{width:8px}.roadmap-modal::-webkit-scrollbar-track{background:var(--bg-secondary)}.roadmap-modal::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.roadmap-modal::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.problem-detail-page{max-width:1400px;margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-color);border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.back-button:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translate(-5px)}.problem-detail-header{background:var(--bg-secondary);padding:2.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:var(--shadow-lg);display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;flex-wrap:wrap}.problem-title-section{flex:1;min-width:300px}.problem-number{color:var(--text-secondary);font-weight:700;font-size:1.1rem;display:block;margin-bottom:.75rem}.problem-title{font-size:1.5rem;font-weight:800;margin:0 0 1.5rem;color:var(--text-primary);line-height:1.2}.problem-meta-tags{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.difficulty-badge.large{padding:.5rem 1.25rem;font-size:1rem}.bookmark-badge,.contest-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border-radius:.5rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.bookmark-badge{color:var(--warning)}.problem-actions-header{display:flex;gap:1rem;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid transparent}.action-button.primary{background:var(--accent-primary);color:#fff}.action-button.primary:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button.secondary{background:transparent;color:var(--text-primary);border-color:var(--border-color)}.action-button.secondary:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.problem-detail-grid{display:grid;grid-template-columns:1fr 350px;gap:2rem}.problem-main-content{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:var(--bg-secondary);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-md)}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.approach-text,.notes-text{color:var(--text-secondary);line-height:1.8;font-size:1.05rem}.complexity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.complexity-item{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:var(--bg-tertiary);border-radius:.75rem;transition:all .3s ease}.complexity-item:hover{background:var(--bg-primary);transform:translateY(-3px)}.complexity-icon{font-size:2.5rem;color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.complexity-content{flex:1}.complexity-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-weight:600}.complexity-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);font-family:JetBrains Mono,monospace}.topics-list{display:flex;flex-wrap:wrap;gap:.75rem}.topic-badge{padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;font-weight:600;font-size:.9rem;border:2px solid var(--border-color);transition:all .3s ease}.topic-badge:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary);transform:translateY(-2px)}.problem-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--bg-secondary);padding:1.5rem;border-radius:1rem;box-shadow:var(--shadow-md)}.sidebar-title{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--text-primary)}.info-list{display:flex;flex-direction:column;gap:1.25rem}.info-item{display:flex;gap:1rem;align-items:flex-start}.info-icon{font-size:1.5rem;color:var(--accent-primary);flex-shrink:0}.info-label{font-size:.85rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.35rem;font-weight:600}.info-value{font-size:1rem;color:var(--text-primary);font-weight:600}.related-topics{display:flex;flex-direction:column;gap:.75rem}.related-topic-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:.5rem;transition:all .3s ease}.related-topic-item:hover{background:var(--bg-primary);transform:translate(5px)}.topic-name{font-weight:600;color:var(--text-primary)}.topic-count{background:var(--accent-primary);color:#fff;padding:.25rem .75rem;border-radius:2rem;font-weight:600;font-size:.85rem}.problem-not-found{text-align:center;padding:4rem 2rem}.problem-not-found h1{font-size:2rem;margin-bottom:1.5rem;color:var(--text-primary)}.back-link{color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:1.1rem}.back-link:hover{text-decoration:underline}@media (max-width: 1024px){.problem-detail-grid{grid-template-columns:1fr}.problem-sidebar{order:-1}}@media (max-width: 768px){.problem-detail-header{flex-direction:column}.problem-title{font-size:2rem}.problem-actions-header{width:100%}.action-button{flex:1;justify-content:center}.complexity-grid{grid-template-columns:1fr}}.sde-sheet-page{padding:40px 20px;max-width:1200px;margin:0 auto;background:linear-gradient(to bottom,transparent,var(--bg-primary))}.sde-header{text-align:center;margin-bottom:30px;animation:fadeInDown .8s cubic-bezier(.23,1,.32,1)}.sde-title{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;color:var(--text-primary)}.sde-subtitle{font-size:1.1rem;color:var(--text-secondary, #6b7280);margin:0}.filters-section{background:var(--bg-secondary);padding:1.5rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(0,168,112,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.23,1,.32,1)}.filters-section:hover{box-shadow:0 15px 40px #00a87026;border-color:#00a87033}.search-box{position:relative;margin-bottom:1rem}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1.25rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:.75rem;color:var(--text-primary);font-size:1rem;transition:all .4s cubic-bezier(.23,1,.32,1)}.search-input:focus{outline:none;border-color:var(--accent-primary, #667eea);background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.search-input::placeholder{color:var(--text-secondary)}.filters{display:flex;gap:1rem;flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:.5rem;flex:1;min-width:200px}.filter-icon{color:var(--text-secondary);font-size:1.25rem}.filter-select{flex:1;padding:.75rem;background:var(--bg-tertiary);border:2px solid transparent;border-radius:.5rem;color:var(--text-primary);font-size:.95rem;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.filter-select:focus{outline:none;border-color:var(--accent-primary, #667eea);background:var(--bg-primary);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-2px)}.filter-select:hover{border-color:#667eea4d}.sde-content{display:flex;flex-direction:column;gap:40px}.topic-section{animation:fadeInUp .8s cubic-bezier(.23,1,.32,1)}.topic-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;padding:15px;border-bottom:3px solid #00a870;border-radius:8px 8px 0 0;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1)}.topic-header:hover{background:#00a8700d;border-bottom-color:#ffb800;padding-left:20px;padding-right:20px}.topic-header.expanded{border-bottom-color:#ffb800}.topic-title{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0}.problem-count{background:linear-gradient(135deg,#00a870,#2563eb);color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600}.topic-meta{display:flex;align-items:center;gap:12px}.topic-chevron{display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#00a870;transition:transform .5s cubic-bezier(.23,1,.32,1)}.topic-chevron.rotated{transform:rotate(180deg)}.problems-list{display:flex;flex-direction:column;gap:15px;animation:expandTopicList .6s cubic-bezier(.23,1,.32,1)}@keyframes expandTopicList{0%{opacity:0;max-height:0;transform:translateY(-15px)}to{opacity:1;max-height:10000px;transform:translateY(0)}}.problems-list>.problem-card{animation:slideInCard .6s cubic-bezier(.23,1,.32,1);animation-fill-mode:both}.problems-list>.problem-card:nth-child(1){animation-delay:.05s}.problems-list>.problem-card:nth-child(2){animation-delay:.1s}.problems-list>.problem-card:nth-child(3){animation-delay:.15s}.problems-list>.problem-card:nth-child(n+4){animation-delay:.2s}@keyframes slideInCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.problem-card{border:2px solid var(--border-color, #e5e7eb);border-radius:12px;background:var(--bg-secondary);overflow:hidden;transition:all .5s cubic-bezier(.23,1,.32,1);cursor:pointer;position:relative}.problem-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(135deg,#00a870,#ffb800);transform:scaleY(0);transition:transform .5s cubic-bezier(.23,1,.32,1);transform-origin:center}.problem-card:hover:before{transform:scaleY(1)}.problem-card:hover{border-color:#00a870;box-shadow:0 12px 32px #00a87033;transform:translate(6px) translateY(-2px)}.problem-card.expanded{border-color:#00a870;box-shadow:0 16px 40px #00a87040}.problem-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;gap:15px;transition:all .4s cubic-bezier(.23,1,.32,1)}.problem-header:hover{background:#00a87005;padding-left:28px}.problem-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.problem-number{font-weight:800;color:#fff;font-size:.85rem;white-space:nowrap;background:linear-gradient(135deg,#00a870,#2563eb);padding:6px 12px;border-radius:6px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00a87066;transition:all .4s cubic-bezier(.23,1,.32,1)}.problem-card:hover .problem-number{transform:scale(1.1);box-shadow:0 6px 16px #00a87080}.problem-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.problem-meta{display:flex;align-items:center;gap:12px;white-space:nowrap}.difficulty-badge{display:inline-block;padding:.35rem .75rem;border-radius:.5rem;font-weight:600;font-size:.85rem;border:2px solid;background:transparent;transition:all .4s cubic-bezier(.23,1,.32,1)}.problem-card:hover .difficulty-badge{transform:scale(1.08)}.expand-icon{display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#00a870;transition:transform .5s cubic-bezier(.23,1,.32,1)}.expand-icon.rotated{transform:rotate(180deg)}.problem-details{padding:28px;background:var(--bg-primary);border-top:3px solid #00a870;display:grid;gap:24px;animation:expandDown .5s cubic-bezier(.23,1,.32,1);position:relative}@keyframes expandDown{0%{opacity:0;max-height:0;transform:translateY(-15px)}to{opacity:1;max-height:1000px;transform:translateY(0)}}.detail-section{display:flex;flex-direction:column;gap:12px}.detail-title{font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px}.detail-text{font-size:.95rem;color:var(--text-secondary);line-height:1.7;margin:0;padding:12px;background:var(--bg-tertiary);border-radius:8px;border-left:4px solid #00a870;transition:all .3s ease}.detail-text:hover{background:#00a8700d;border-left-color:#ffb800}.notes-text{background:#ffb80014;padding:14px;border-left:4px solid #ffb800;border-radius:8px;font-style:italic;color:var(--text-secondary);line-height:1.6}.complexity-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.complexity-item{display:flex;gap:12px;padding:16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:10px;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.complexity-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#00a870,#ffb800);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.23,1,.32,1)}.complexity-item:hover:before{transform:scaleX(1)}.complexity-item:hover{border-color:#00a870;box-shadow:0 12px 28px #00a87040;transform:translateY(-6px)}.complexity-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:linear-gradient(135deg,#00a870,#ffb800);color:#fff;border-radius:8px;font-size:1.2rem;flex-shrink:0}.complexity-content{display:flex;flex-direction:column;justify-content:center;gap:4px}.complexity-label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;opacity:.8}.complexity-value{font-size:1.15rem;font-weight:800;color:var(--text-primary);font-family:Monaco,Courier New,monospace;background:linear-gradient(135deg,#00a870,#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.companies-container{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0}.company-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 6px 16px #667eea59;white-space:nowrap}.company-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .6s cubic-bezier(.23,1,.32,1)}.company-badge:hover:before{left:100%}.company-badge:hover{transform:translateY(-4px) scale(1.08);box-shadow:0 12px 28px #667eea99;background:linear-gradient(135deg,#764ba2,#667eea)}.company-badge:active{transform:translateY(-2px) scale(1.03)}.action-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:2px solid transparent;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.23,1,.32,1);text-decoration:none;white-space:nowrap;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea,#764ba2);opacity:0;transition:opacity .4s ease}.btn-primary{background:linear-gradient(135deg,#00a870,#2563eb);color:#fff;box-shadow:0 6px 16px #00a87059}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00a87080}.btn-primary:active{transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);color:#00a870;border:2px solid #00a870;transition:all .4s cubic-bezier(.23,1,.32,1)}.btn-secondary:hover{background:#00a87014;transform:translateY(-4px);box-shadow:0 12px 24px #00a87033;border-color:#00a870}.btn-secondary:active{transform:translateY(-2px)}.sde-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:60px;padding-top:40px;border-top:3px solid var(--border-color);animation:fadeInUp 1s cubic-bezier(.23,1,.32,1)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;text-align:center;transition:all .5s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#00a8700d,#ffb8000d);opacity:0;transition:opacity .4s ease}.stat-item:hover{border-color:#00a870;box-shadow:0 12px 24px #00a87033;transform:translateY(-6px)}.stat-item:hover:before{opacity:1}.stat-number{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#00a870,#ffb800);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothGlow{0%,to{box-shadow:0 0 20px #00a87033}50%{box-shadow:0 0 30px #00a87066}}@media (max-width: 768px){.sde-title{font-size:2rem}.sde-subtitle{font-size:1rem}.problem-header{flex-direction:column;align-items:flex-start;gap:10px}.problem-meta{width:100%;justify-content:space-between}.problem-title{font-size:1rem}.topic-title{font-size:1.4rem}.complexity-box{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.sde-stats{grid-template-columns:repeat(2,1fr)}.detail-text{font-size:.9rem}.filters{flex-direction:column}.filter-group{min-width:auto}.companies-container{gap:6px}.company-badge{padding:5px 12px;font-size:.8rem}}@media (max-width: 480px){.sde-sheet-page{padding:20px 15px}.sde-title{font-size:1.5rem}.problem-header{padding:12px 16px}.problem-details{padding:16px}.topic-header{margin-bottom:15px}.topic-title{font-size:1.1rem}.problem-number{font-size:.8rem}.problem-title{font-size:.9rem}.stat-number{font-size:1.5rem}.sde-stats{gap:12px;grid-template-columns:1fr}.search-input{font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bg-gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bg-gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bg-gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--text-primary: #1a1a1a;--text-secondary: #6c757d;--text-tertiary: #495057;--border-color: #dee2e6;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary: #6366f1;--accent: #8b5cf6;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--easy: #00b8a3;--medium: #ffc01e;--hard: #ff375f;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .16);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18)}[data-theme=dark]{--bg-primary: #0f1419;--bg-secondary: #1a2332;--bg-tertiary: #243447;--bg-gradient-1: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--bg-gradient-2: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--bg-gradient-3: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--bg-gradient-4: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--text-primary: #e8f0fe;--text-secondary: #93c5fd;--text-tertiary: #bfdbfe;--border-color: #1e3a8a;--accent-primary: #3b82f6;--accent-secondary: #60a5fa;--accent-gradient: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--primary: #3b82f6;--accent: #60a5fa;--success: #34d399;--warning: #fbbf24;--error: #f87171;--easy: #00b8a3;--medium: #ffc01e;--hard: #ff375f;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .5);--shadow-md: 0 4px 12px rgba(0, 0, 0, .6);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .8);--shadow-glow: 0 0 30px rgba(59, 130, 246, .4);--glass-bg: rgba(36, 52, 71, .7);--glass-border: rgba(59, 130, 246, .2)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(99,102,241,.03) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none;z-index:0}[data-theme=dark] body:before{background:radial-gradient(circle,rgba(129,140,248,.05) 0%,transparent 70%)}code,pre{font-family:JetBrains Mono,Courier New,monospace}.container{max-width:1400px;margin:0 auto;padding:0 1.5rem}@media (max-width: 1400px){.container{padding:0 2rem}}@media (max-width: 1024px){.container{padding:0 1.75rem}}@media (max-width: 768px){.container{padding:0 1.5rem}}@media (max-width: 480px){.container{padding:0 1rem}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.scale-in{animation:scaleIn .4s ease-out}.glass{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}