*{margin:0;padding:0;box-sizing:border-box}body{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden;background-size:cover;background-attachment:fixed;width:100%;min-width:100%}.App{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7c3aed}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0f0f23f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.2);padding:.75rem 0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.nav{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;color:#fff;text-decoration:none;z-index:1002}.hamburger-menu{display:none;background:none;border:none;color:#fff;cursor:pointer;z-index:1002;padding:.5rem;border-radius:4px;transition:background-color .2s}.hamburger-menu:hover{background:#ffffff1a}.nav-links{display:flex;align-items:center;gap:1.5rem}.nav-link{display:flex;align-items:center;gap:.5rem;color:#e2e8f0;text-decoration:none;font-weight:500;padding:.5rem .75rem;border-radius:8px;transition:all .2s;white-space:nowrap}.mobile-menu-header,.mobile-menu-footer,.close-menu{display:none}@media (max-width: 768px){.hamburger-menu{display:block}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:1001;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.mobile-menu-overlay.active{opacity:1;visibility:visible}.nav-links{position:fixed;top:0;right:-100%;bottom:0;width:85%;max-width:400px;background:#0f0f23;display:flex;flex-direction:column;padding:5rem 1.5rem 1.5rem;gap:.75rem;transition:transform .3s ease-in-out;z-index:1002;border-left:1px solid rgba(139,92,246,.2);box-shadow:-5px 0 30px #00000080;overflow-y:auto}.nav-links.mobile-open{right:0;transform:translate(0);display:flex;flex-direction:column;height:100vh}.nav-link{width:100%;padding:.75rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.75rem;font-size:1rem;color:#e2e8f0;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:#8b5cf6;background:#8b5cf61a}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 0;margin-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;left:0;right:0;background:#0f0f23;z-index:1;padding:1rem 1.5rem}.close-menu{display:block;background:none;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px}.close-menu:hover{background:#ffffff1a}.mobile-menu-footer{display:block;width:100%;text-align:center;padding:1.5rem 0;margin-top:auto;color:#64748b;font-size:.875rem;border-top:1px solid rgba(255,255,255,.1);position:sticky;bottom:0;background:#0f0f23}}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.search-container{position:relative;display:flex;align-items:center}.search-toggle{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;height:40px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#8b5cf6;cursor:pointer;transition:all .3s ease;margin-left:1rem;font-weight:500;font-size:.875rem;box-shadow:0 0 #8b5cf666;animation:pulse 2s infinite}.search-toggle:hover{background:#8b5cf633;border-color:#8b5cf666;transform:scale(1.05)}.search-text{color:#8b5cf6;font-weight:500;white-space:nowrap}.search-shortcut{background:#8b5cf626;color:#8b5cf6;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:4px;border:1px solid rgba(139,92,246,.3);margin-left:.5rem}@keyframes pulse{0%{box-shadow:0 0 #8b5cf666}70%{box-shadow:0 0 0 10px #8b5cf600}to{box-shadow:0 0 #8b5cf600}}.search-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;align-items:flex-start;justify-content:center;padding-top:120px}.search-modal{background:linear-gradient(135deg,#0f0f23,#1a1a2e);border:1px solid rgba(139,92,246,.3);border-radius:16px;width:90%;max-width:600px;max-height:70vh;overflow:hidden;box-shadow:0 25px 50px #00000080}.search-input-container{position:relative;padding:1.5rem;border-bottom:1px solid rgba(139,92,246,.2)}.search-input-icon{position:absolute;left:2rem;top:50%;transform:translateY(-50%);color:#8b5cf6;z-index:1}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;background:#ffffff0d;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#f1f5f9;font-size:1rem;outline:none;transition:all .3s ease}.search-input:focus{border-color:#8b5cf6;background:#ffffff14}.search-input::placeholder{color:#64748b}.clear-search{position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .3s ease}.clear-search:hover{color:#8b5cf6;background:#8b5cf61a}.search-results{max-height:400px;overflow-y:auto}.results-header{padding:1rem 1.5rem;border-bottom:1px solid rgba(139,92,246,.1)}.results-count{color:#94a3b8;font-size:.875rem;font-weight:500}.no-results{padding:3rem 1.5rem;text-align:center;color:#64748b}.no-results svg{margin-bottom:1rem;opacity:.5}.no-results p{font-size:1.125rem;margin-bottom:.5rem;color:#94a3b8}.no-results span{font-size:.875rem}.search-result-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;cursor:pointer;transition:all .3s ease;border-bottom:1px solid rgba(139,92,246,.1)}.search-result-item:hover{background:#8b5cf60d}.search-result-item.selected{background:#8b5cf61a}.result-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0}.result-content{flex:1;min-width:0}.result-title{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem;font-weight:600;color:#f1f5f9}.result-difficulty{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.result-difficulty.beginner{background:#22c55e33;color:#22c55e}.result-difficulty.intermediate{background:#f59e0b33;color:#f59e0b}.result-difficulty.advanced{background:#ef444433;color:#ef4444}.result-description{color:#94a3b8;font-size:.875rem;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-meta{display:flex;gap:1rem;flex-wrap:wrap}.result-concepts,.result-problems,.result-time{color:#64748b;font-size:.75rem;font-weight:500}.result-arrow{color:#8b5cf6;opacity:.7;flex-shrink:0}.search-suggestions{padding:1.5rem}.suggestions-header{margin-bottom:1rem}.suggestions-header span{color:#94a3b8;font-size:.875rem;font-weight:500}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.suggestion-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#94a3b8;cursor:pointer;transition:all .3s ease;text-align:left;font-size:.875rem}.suggestion-item:hover{background:#8b5cf61a;border-color:#8b5cf666;color:#8b5cf6}.suggestion-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#8b5cf6;flex-shrink:0}.search-footer{padding:1rem 1.5rem;border-top:1px solid rgba(139,92,246,.1);background:#0003}.search-tips,.search-shortcuts{text-align:center;margin-bottom:.5rem}.search-tips span,.search-shortcuts span{color:#64748b;font-size:.75rem}.search-tips span{color:#8b5cf6}@media (max-width: 768px){.search-modal{width:95%;margin:0 1rem}.search-input-container{padding:1rem}.search-results{max-height:300px}.suggestions-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.result-meta{flex-direction:column;gap:.5rem}}.nav{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700}.logo-icon{color:#8b5cf6}.nav-links{display:flex;column-gap:1rem}.nav-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#94a3b8;font-weight:500;transition:all .3s ease;padding:0rem .5rem;border-radius:8px}.nav-link:hover,.nav-link.active{color:#8b5cf6;background:#8b5cf61a}.hero{padding:120px 0 80px;position:relative;overflow:hidden}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:.5rem 1rem;border-radius:50px;color:#8b5cf6;font-size:.875rem;font-weight:500;margin-bottom:2rem}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-description{font-size:1.25rem;color:#94a3b8;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;align-items:center}.hero-visual{position:relative;height:400px}.floating-cards{position:relative;width:100%;height:100%}.floating-card{position:absolute;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:1rem 1.5rem;border-radius:12px;color:#8b5cf6;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-card:nth-child(1){top:10%;left:10%}.floating-card:nth-child(2){top:30%;right:20%}.floating-card:nth-child(3){bottom:40%;left:20%}.floating-card:nth-child(4){bottom:10%;right:10%}.features{padding:80px 0;background:#ffffff05}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;box-shadow:0 20px 40px #8b5cf61a}.feature-icon{width:64px;height:64px;background:linear-gradient(45deg,#8b5cf6,#3b82f6);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.feature-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#e2e8f0}.feature-description{color:#94a3b8;line-height:1.6}.topics-section{padding:80px 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;font-weight:800;margin-bottom:1rem}.section-subtitle{font-size:1.25rem;color:#94a3b8;max-width:800px;margin:0 auto}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.topic-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;transition:all .3s ease;position:relative;overflow:hidden}.topic-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--topic-color, #8B5CF6),transparent);opacity:0;transition:opacity .3s ease}.topic-card:hover:before{opacity:1}.topic-card:hover{transform:translateY(-8px);border-color:#8b5cf64d;box-shadow:0 20px 40px #0003}.topic-link{text-decoration:none;color:inherit}.topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.topic-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.topic-meta{display:flex;flex-direction:column;gap:.5rem;text-align:right}.difficulty{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase}.difficulty[data-level=Beginner]{background:#22c55e33;color:#22c55e}.difficulty[data-level=Intermediate]{background:#f59e0b33;color:#f59e0b}.difficulty[data-level=Advanced]{background:#ef444433;color:#ef4444}.duration{font-size:.875rem;color:#94a3b8}.topic-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#e2e8f0}.topic-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem}.topic-stats{display:flex;gap:2rem;margin-bottom:1.5rem}.stat{font-size:.875rem;color:#94a3b8}.stat strong{color:#8b5cf6}.topic-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#8b5cf6}.topic-detail{padding-top:100px;min-height:100vh}.topic-header-detail{margin-bottom:3rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#94a3b8;margin-bottom:2rem;transition:color .3s ease}.back-btn:hover{color:#8b5cf6}.topic-intro{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem}.topic-meta-detail{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.topic-icon-large{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center}.topic-title-detail{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:#e2e8f0}.topic-badges{display:flex;gap:1rem}.difficulty-badge,.time-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600}.difficulty-badge.beginner{background:#22c55e33;border:1px solid rgba(34,197,94,.3);color:#22c55e}.difficulty-badge.intermediate{background:#f59e0b33;border:1px solid rgba(245,158,11,.3);color:#f59e0b}.difficulty-badge.advanced{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444}.time-badge{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#8b5cf6}.topic-description-detail{font-size:1.125rem;color:#94a3b8;line-height:1.6}.topic-content{margin-top:3rem}.section{margin-bottom:4rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:#e2e8f0}.content-card{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem}.explanation-content{line-height:1.7}.explanation-content h3{color:#8b5cf6;font-size:1.5rem;margin:1.5rem 0 1rem}.explanation-content h4{color:#e2e8f0;font-size:1.25rem;margin:1.25rem 0 .75rem}.explanation-content p{color:#94a3b8;margin-bottom:1rem}.explanation-content ul{color:#94a3b8;margin-left:1.5rem;margin-bottom:1rem}.explanation-content li{margin-bottom:.5rem}.explanation-content strong{color:#e2e8f0}.real-world-example{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.key-concepts{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:1.5rem;margin:1.5rem 0}.comparison{margin:1.5rem 0}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:1rem}.comparison-grid>div{background:#ffffff0d;padding:1rem;border-radius:8px}.code-visualizer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden}.step-by-step-explainer{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:2rem}.explainer-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.control-buttons{display:flex;gap:.5rem}.control-btn{background:#8b5cf633;border:1px solid #8B5CF6;padding:.75rem;border-radius:8px;color:#8b5cf6;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.control-btn:hover:not(:disabled){background:#8b5cf6;color:#fff;transform:scale(1.05)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.progress-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.step-counter{font-size:.875rem;color:#94a3b8;font-weight:500}.progress-bar{width:200px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a855f7);border-radius:3px}.explainer-content{display:flex;flex-direction:column;gap:0;min-height:400px}.code-section,.steps-section{padding:2rem}.code-section{border-bottom:1px solid rgba(255,255,255,.1)}.code-section h4,.steps-section h4{font-size:1rem;color:#8b5cf6;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.code-container{background:#0000004d;border-radius:8px;overflow:hidden}.code-block{background:transparent;border-radius:0;padding:0;overflow-x:auto;font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.5}.code-line{display:flex;padding:.25rem 1rem;transition:all .3s ease;border-left:3px solid transparent}.code-line.highlighted{background:#3b82f61a;border-left-color:#3b82f6}.line-number{color:#64748b;font-size:.75rem;min-width:2rem;margin-right:1rem;-webkit-user-select:none;user-select:none}.line-content{color:#e2e8f0;flex:1}.steps-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:1rem}.current-step{text-align:center;max-width:450px;background:#ffffff0d;border-radius:12px;padding:2rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 6px #0000001a}.step-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.step-number{background:#8b5cf6;color:#fff;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;box-shadow:0 2px 8px #8b5cf64d}.step-title{font-size:1.25rem;font-weight:600;color:#8b5cf6;text-align:center}.step-description{font-size:1rem;line-height:1.7;color:#e2e8f0;margin-bottom:1rem;text-align:left}.step-tip{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:8px;color:#8b5cf6;font-size:.875rem;font-style:italic;border-left:4px solid #8B5CF6}.step-navigation{padding:1rem 2rem;background:#0000001a;border-top:1px solid rgba(255,255,255,.1)}.step-dots{display:flex;justify-content:center;gap:.5rem}.step-dot{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#94a3b8;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:500;font-size:.875rem}.step-dot.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.step-dot:hover{background:#8b5cf633;border-color:#8b5cf6;color:#8b5cf6}@media (max-width: 768px){.explainer-controls{flex-direction:column;gap:1rem;align-items:stretch}.progress-info{align-items:center}.progress-bar{width:100%}}.animated-explanation{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;margin-bottom:2rem}.explanation-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.explanation-content{display:flex;flex-direction:column;gap:0;min-height:400px}.explanation-section,.steps-section{padding:2rem}.explanation-section{border-bottom:1px solid rgba(255,255,255,.1)}.explanation-section h4,.steps-section h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:#8b5cf6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.explanation-text{font-size:1rem;line-height:1.7;color:#e2e8f0}.highlighted-text{padding:.125rem .25rem;border-radius:4px;font-weight:600;color:#3b82f6}@media (max-width: 768px){.explanation-controls{flex-direction:column;gap:1rem;align-items:stretch}.progress-info{align-items:center}.progress-bar{width:100%}}.about-page{padding-top:100px;min-height:100vh}.about-header{margin-bottom:3rem}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:#8b5cf6;text-decoration:none;font-weight:500;margin-bottom:2rem;transition:all .3s ease}.back-btn:hover{color:#a855f7;transform:translate(-5px)}.about-intro{text-align:center}.profile-section{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.profile-avatar{display:flex;justify-content:center}.avatar-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #8b5cf64d;position:relative;overflow:hidden}.profile-image{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid rgba(255,255,255,.2)}.avatar-text{font-size:2.5rem;font-weight:700;color:#fff}.profile-info{text-align:center}.profile-name{font-size:2.5rem;font-weight:700;color:#e2e8f0;margin-bottom:.5rem}.profile-title{font-size:1.25rem;color:#8b5cf6;margin-bottom:1rem;font-weight:600}.profile-mission{font-size:1.1rem;color:#94a3b8;font-style:italic;max-width:600px;margin:0 auto}.stats-section{margin-bottom:4rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.stat-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;position:relative;transition:all .3s ease}.stat-card:hover{background:#ffffff14;border-color:#8b5cf64d}.stat-icon{color:#8b5cf6;background:#8b5cf61a;padding:.75rem;border-radius:12px}.stat-content{flex:1}.stat-value{font-size:1.5rem;font-weight:700;color:#e2e8f0;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:#94a3b8}.stat-link{color:#8b5cf6;transition:all .3s ease}.stat-link:hover{color:#a855f7;transform:scale(1.1)}.story-section{margin-bottom:4rem}.story-content{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.story-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;display:flex;gap:1.5rem;align-items:flex-start;transition:all .3s ease}.story-card:hover{background:#ffffff14;border-color:#8b5cf64d;transform:translateY(-2px)}.story-icon{color:#8b5cf6;background:#8b5cf61a;padding:1rem;border-radius:12px;flex-shrink:0}.story-text h3{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin-bottom:1rem}.story-text p{font-size:1rem;line-height:1.7;color:#94a3b8}.vision-section{margin-bottom:4rem}.vision-grid{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.vision-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;transition:all .3s ease}.vision-item:hover{background:#ffffff14;border-color:#8b5cf64d}.vision-bullet{color:#8b5cf6;flex-shrink:0}.vision-item span{color:#e2e8f0;font-size:1rem}.community-page{padding-top:100px;min-height:100vh;padding-bottom:4rem}.giscus-container{max-width:900px;margin:0 auto;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem}@media (min-width: 768px){.giscus-container{padding:2rem}}.contact-section{margin-bottom:4rem}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.contact-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:all .3s ease}.contact-card:hover{background:#ffffff14;border-color:#8b5cf64d;text-decoration:none;color:inherit}.contact-card svg{color:#8b5cf6;background:#8b5cf61a;padding:.75rem;border-radius:12px;flex-shrink:0}.contact-info h3{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem}.contact-info p{font-size:.875rem;color:#94a3b8}.cta-section{text-align:center;padding:3rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:20px;margin-bottom:2rem}.cta-content h2{font-size:2rem;font-weight:700;color:#e2e8f0;margin-bottom:1rem}.cta-content p{font-size:1.1rem;color:#94a3b8;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;gap:.5rem;background:#8b5cf6;color:#fff;padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;transition:all .3s ease}.cta-button:hover{background:#a855f7;transform:translateY(-2px);text-decoration:none;color:#fff}@media (max-width: 768px){.profile-name{font-size:2rem}.stats-grid{grid-template-columns:1fr}.story-card{flex-direction:column;text-align:center}.contact-grid{grid-template-columns:1fr}.cta-content h2{font-size:1.5rem}}.visualizer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.example-tabs{display:flex;gap:.5rem}.tab{background:transparent;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:8px;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .3s ease}.tab.active,.tab:hover{background:#8b5cf633;border-color:#8b5cf6;color:#8b5cf6}.visualizer-controls{display:flex;gap:.5rem}.control-btn{background:#8b5cf633;border:1px solid #8B5CF6;padding:.5rem;border-radius:8px;color:#8b5cf6;cursor:pointer;transition:all .3s ease}.control-btn:hover{background:#8b5cf6;color:#fff}.visualizer-content{display:flex;flex-direction:column;gap:0}.code-section,.visual-section{padding:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.code-section{border-right:1px solid rgba(255,255,255,.1)}.code-section h4,.visual-section h4{font-size:1rem;color:#8b5cf6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.code-block{background:#0000004d;border-radius:8px;padding:1.5rem;overflow-x:auto;font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.5}.code-block code{color:#e2e8f0}.concept-visuals{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1rem}.visuals-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.visual-card{background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem}.visual-card-header h3,.visual-title{display:inline-flex;gap:.5rem;align-items:center;color:#8b5cf6;font-size:1rem;font-weight:700}.realworld-list{list-style:none;padding:0;margin:.5rem 0 0;display:flex;flex-direction:column;gap:.5rem}.realworld-item{display:flex;align-items:center;gap:.5rem;color:#94a3b8}.array-annotations{display:flex;justify-content:space-between;align-items:center}.array-annotations .window{flex:1;margin:0 1rem;height:6px;background:#8b5cf64d;border-radius:4px}.array-annotations .pointer{color:#8b5cf6;font-size:.875rem}.array-annotations .pointer.right{align-self:flex-end}.queue-visual{text-align:center}.queue-container{display:flex;gap:6px;justify-content:center;margin:1rem 0}.queue-item{background:#ffffff1a;border:2px solid rgba(139,92,246,.5);padding:.5rem .75rem;border-radius:8px;color:#e2e8f0;font-weight:600}.queue-labels{display:inline-flex;gap:.5rem;align-items:center;color:#94a3b8}.graph-visual{position:relative;height:280px;background:#ffffff0a;border-radius:12px;padding:1rem;overflow:hidden}.graph-node{position:absolute;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:3px solid #8B5CF6;display:flex;align-items:center;justify-content:center;color:#8b5cf6;font-weight:700;font-size:1.1rem;box-shadow:0 4px 12px #8b5cf64d;transition:all .3s ease;z-index:10}.graph-node:hover{transform:scale(1.1);box-shadow:0 6px 16px #8b5cf666}.node-label{font-weight:700;color:#8b5cf6}.graph-edges{position:absolute;inset:0;z-index:5}.graph-edge{stroke:#8b5cf699;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 2px 4px rgba(139,92,246,.2))}.traversal-info{position:absolute;bottom:1rem;left:1rem;right:1rem;background:#0009;border-radius:8px;padding:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.traversal-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.traversal-item:last-child{margin-bottom:0}.traversal-label{color:#8b5cf6;font-weight:600;font-size:.875rem;min-width:40px}.traversal-path{color:#e2e8f0;font-size:.875rem;font-family:Fira Code,monospace}.sorting-visual{text-align:center}.sorting-visual .bars{display:flex;gap:6px;align-items:flex-end;justify-content:center;height:180px;margin:1rem 0}.sorting-visual .bar{width:18px;background:#8b5cf64d;border:1px solid #8B5CF6;border-radius:4px 4px 0 0}.sorting-legend{display:flex;gap:1rem;justify-content:center;color:#94a3b8;font-size:.75rem}.legend-item{background:#ffffff0f;padding:.25rem .5rem;border-radius:6px}.binary-search-visual .range{margin-top:.5rem}.range-bar{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.range-bar .tick{background:#ffffff0f;text-align:center;border-radius:4px;padding:.25rem 0;color:#64748b;font-size:.75rem}.range-bar .tick.active{background:#8b5cf633;color:#8b5cf6}.range-labels{display:flex;justify-content:space-between;color:#94a3b8;margin-top:.5rem}.hash-buckets{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.bucket{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:.5rem}.bucket-title{color:#8b5cf6;font-size:.75rem;margin-bottom:.25rem}.bucket-items{display:flex;gap:4px;flex-wrap:wrap}.bucket-items span{background:#8b5cf633;color:#8b5cf6;padding:.1rem .4rem;border-radius:6px;font-size:.75rem}.dp-grid{display:grid;gap:4px;background:#ffffff0a;padding:6px;border-radius:8px}.dp-row{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.dp-cell{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:4px;text-align:center;padding:.3rem 0;color:#94a3b8;font-size:.75rem}.dp-cell.base{background:#10b9811f;color:#10b981;border-color:#10b98140}.greedy-timeline{position:relative;height:48px;background:#ffffff0f;border-radius:8px;margin-top:.5rem}.activity-block{position:absolute;top:8px;bottom:8px;background:#f59e0b40;border:1px solid rgba(245,158,11,.45);color:#f59e0b;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:6px}.pattern-mini-visual{margin-top:1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:.75rem}.mini-array{display:flex;gap:6px;justify-content:center;margin-bottom:.5rem}.mini-array span{background:#ffffff14;padding:.25rem .5rem;border-radius:6px;color:#94a3b8;font-size:.75rem}.mini-window{height:6px;background:#8b5cf640;border-radius:4px}.mini-pointers{display:flex;justify-content:space-between;color:#8b5cf6;font-size:.75rem}.mini-stack{display:flex;flex-direction:column;align-items:center;gap:4px}.mini-stack span{background:#ffffff14;padding:.25rem .5rem;border-radius:6px;color:#94a3b8;font-size:.75rem}.mini-binary-search{display:grid;grid-template-columns:repeat(9,1fr);gap:4px}.mini-binary-search span{text-align:center;background:#ffffff14;border-radius:4px;color:#64748b;font-size:.75rem;padding:.2rem 0}.mini-binary-search span.active{background:#8b5cf633;color:#8b5cf6}.visual-container{min-height:200px;display:flex;align-items:center;justify-content:center}.visual-demo{width:100%}.array-visual{text-align:center}.array-container{display:flex;justify-content:center;gap:2px;margin:2rem 0}.array-item{text-align:center}.array-index{background:#8b5cf633;padding:.25rem .5rem;font-size:.75rem;color:#8b5cf6;border-radius:4px 4px 0 0}.array-value{background:#ffffff1a;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);color:#e2e8f0;font-weight:600;border-radius:0 0 4px 4px}.linkedlist-visual{text-align:center}.node-chain{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:2rem 0}.node{display:flex;align-items:center;gap:.5rem}.node span{background:#ffffff1a;border:2px solid rgba(139,92,246,.5);padding:.75rem 1rem;border-radius:8px;color:#e2e8f0;font-weight:600}.arrow{color:#8b5cf6;font-size:1.5rem;font-weight:700}.stack-visual{text-align:center}.stack-container{display:flex;flex-direction:column;align-items:center;margin:2rem 0}.stack-item{background:#ffffff1a;border:2px solid rgba(139,92,246,.5);padding:.75rem 2rem;margin:2px 0;border-radius:8px;color:#e2e8f0;font-weight:600;min-width:120px;position:relative}.stack-item.top{border-color:#8b5cf6;background:#8b5cf633;color:#8b5cf6}.stack-base{background:#3b82f633;border:2px solid #3B82F6;padding:.5rem 2rem;border-radius:8px;color:#3b82f6;font-size:.875rem;min-width:120px}.operations{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.operation{font-size:.875rem;color:#94a3b8}.tree-visual{text-align:center}.tree-container{margin:2rem 0}.tree-level{display:flex;justify-content:center;align-items:center;margin:1rem 0;gap:2rem}.tree-node{width:40px;height:40px;background:#8b5cf633;border:2px solid #8B5CF6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#8b5cf6;font-weight:600}.tree-node.root{background:#8b5cf64d;border-width:3px}.tree-node.empty{visibility:hidden}.traversal-info{margin-top:1.5rem;font-size:.875rem;color:#94a3b8}.tree-visual{position:relative;padding:1.5rem 0;overflow:auto;max-width:100%}.tree-container{display:flex;flex-direction:column;align-items:center;min-width:fit-content;padding:1rem 2rem;margin:0 auto}.tree-level{display:flex;justify-content:center;gap:2rem;margin:1rem 0;position:relative;min-width:100%}.tree-node{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#8b5cf61a);border:2px solid #8B5CF6;display:flex;align-items:center;justify-content:center;color:#e2e8f0;font-weight:600;position:relative;z-index:2;box-shadow:0 2px 8px #0003}.tree-node.root{background:linear-gradient(135deg,#10b98133,#10b9811a);border-color:#10b981;width:50px;height:50px;font-size:1.1em}.tree-node:before,.tree-node:after{content:"";position:absolute;background:#8b5cf699;z-index:1}*/ .tree-node:not(:last-child)::after{width:2rem;height:2px;left:100%;top:50%;transform:translateY(-50%)}.tree-level:not(:first-child) .tree-node:before{display:block}.tree-node:last-child:after{display:none}.traversal-info{margin-top:1.5rem;padding:1rem;background:#0000004d;border-radius:8px;font-size:.9rem;line-height:1.5;position:relative;z-index:1;width:100%;box-sizing:border-box}.traversal-info div{margin:.5rem 0;color:#e2e8f0;font-family:Fira Code,monospace;font-size:.85rem}.step-explanation{padding:2rem;background:#0003;border-top:1px solid rgba(255,255,255,.1)}.step-explanation h4{font-size:1rem;color:#8b5cf6;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.steps{display:flex;flex-direction:column;gap:1rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.step.active{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3)}.step-number{background:#8b5cf6;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.step p{margin:0;color:#94a3b8;line-height:1.5}.step.active p{color:#e2e8f0}.pattern-section .section-title{color:#f59e0b}.patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.pattern-card{background:#f59e0b0d;border:1px solid rgba(245,158,11,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.pattern-card:hover{transform:translateY(-4px);border-color:#f59e0b66;box-shadow:0 10px 30px #f59e0b1a}.pattern-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.pattern-header h3{color:#f59e0b;font-size:1.25rem;font-weight:700}.pattern-difficulty{display:flex;align-items:center;gap:.25rem;background:#f59e0b33;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#f59e0b}.pattern-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem}.pattern-when h4{color:#e2e8f0;font-size:1rem;margin-bottom:.75rem}.pattern-when ul{margin-left:1rem;margin-bottom:1.5rem}.pattern-when li{color:#94a3b8;margin-bottom:.5rem}.pattern-example h4{color:#e2e8f0;font-size:1rem;margin-bottom:.75rem}.example-code{background:#0000004d;border-radius:8px;padding:1rem;margin-bottom:1.5rem;overflow-x:auto}.example-code code{color:#e2e8f0;font-family:Fira Code,Consolas,monospace;font-size:.875rem;line-height:1.4;white-space:pre}.pattern-complexity{display:flex;gap:2rem;font-size:.875rem}.pattern-complexity span{color:#8b5cf6}.problem-set .section-title{color:#10b981}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.problem-card{background:#10b9810d;border:1px solid rgba(16,185,129,.2);border-radius:16px;padding:2rem;transition:all .3s ease}.problem-card:hover{transform:translateY(-4px);border-color:#10b98166;box-shadow:0 10px 30px #10b9811a}.problem-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.problem-header h3{color:#10b981;font-size:1.25rem;font-weight:700;flex:1}.problem-meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.difficulty-indicator{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#fff;font-weight:600;text-transform:uppercase}.problem-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#f59e0b}.problem-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem}.problem-concepts h4,.problem-hints h4{color:#e2e8f0;font-size:1rem;margin-bottom:.75rem}.concepts-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.concept-tag{background:#10b98133;border:1px solid rgba(16,185,129,.3);padding:.25rem .75rem;border-radius:12px;font-size:.75rem;color:#10b981}.problem-hints ul{margin-left:1rem;margin-bottom:1.5rem}.problem-hints li{color:#94a3b8;margin-bottom:.5rem}.problem-links{display:flex;gap:1rem}.problem-link{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:8px;text-decoration:none;color:#10b981;font-size:.875rem;transition:all .3s ease}.problem-link:hover{background:#10b98133;transform:translateY(-1px)}.complexity-info{margin-bottom:1.5rem;padding:1rem;background:#10b9810d;border-radius:8px;border:1px solid rgba(16,185,129,.1)}.complexity-info h4{color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.complexity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.complexity-item{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem}.complexity-item svg{color:#10b981}.solution-section{margin-top:1.5rem;border-top:1px solid rgba(16,185,129,.2);padding-top:1.5rem}.expand-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.875rem}.expand-button:hover{background:#10b98133;border-color:#10b98166}.solution-content{margin-top:1rem;overflow:hidden}.solution-explanation{margin-bottom:1.5rem;padding:1rem;background:#22c55e0d;border-radius:8px;border:1px solid rgba(34,197,94,.1)}.solution-explanation h4{color:#e2e8f0;font-size:.875rem;font-weight:600;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.solution-explanation p{color:#94a3b8;line-height:1.6;margin:0}.java-solution{background:#0f0f23cc;border:1px solid rgba(16,185,129,.3);border-radius:8px;overflow:hidden}.solution-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#10b9811a;border-bottom:1px solid rgba(16,185,129,.2)}.solution-header h4{color:#e2e8f0;font-size:.875rem;font-weight:600;margin:0;display:flex;align-items:center;gap:.5rem}.copy-button{padding:.5rem 1rem;background:#10b98133;color:#10b981;border:1px solid rgba(16,185,129,.3);border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease}.copy-button:hover{background:#10b9814d;border-color:#10b98180}.code-block{margin:0;padding:1rem;background:#0f0f23e6;overflow-x:auto;font-family:JetBrains Mono,Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.5;color:#e2e8f0}.code-block code{background:none;padding:0;color:inherit;font-size:inherit;font-family:inherit}.footer{background:linear-gradient(135deg,#0f0f23,#1a1a2e);border-top:1px solid rgba(139,92,246,.2);margin-top:4rem;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.5),transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1.5fr;gap:3rem;padding:3rem 0 0;max-width:100%}.footer-brand{max-width:300px}.footer-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo-icon{color:#8b5cf6}.footer-logo-text{font-size:1.5rem;font-weight:700;color:#f1f5f9}.footer-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem;font-size:.875rem}.footer-social{display:flex;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b5cf61a;color:#8b5cf6;border:1px solid rgba(139,92,246,.2);border-radius:8px;transition:all .3s ease;text-decoration:none}.social-link:hover{background:#8b5cf633;border-color:#8b5cf666;transform:translateY(-2px);color:#a78bfa}.footer-section-title{color:#f1f5f9;font-size:1rem;font-weight:600;margin-bottom:1.25rem;position:relative}.footer-section-title:after{content:"";position:absolute;bottom:-.5rem;left:0;width:30px;height:2px;background:linear-gradient(90deg,#8B5CF6,transparent);border-radius:1px}.footer-links-list{list-style:none;padding:0;margin:0}.footer-links-list li{margin-bottom:.75rem}.footer-link{color:#94a3b8;text-decoration:none;transition:all .3s ease;font-size:.875rem;display:inline-block;position:relative}.footer-link:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#8b5cf6;transition:width .3s ease}.footer-link:hover{color:#8b5cf6}.footer-link:hover:before{width:100%}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-item{display:flex;align-items:center;gap:.75rem;color:#94a3b8;font-size:.875rem}.contact-item svg{color:#8b5cf6;flex-shrink:0}.footer-bottom{border-top:1px solid rgba(139,92,246,.1);padding:1.5rem 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.copyright{color:#64748b;font-size:.875rem}.heart-icon{color:#ef4444;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-bottom-links{display:flex;gap:2rem;flex-wrap:wrap}.footer-bottom-link{color:#64748b;text-decoration:none;font-size:.875rem;transition:color .3s ease}.footer-bottom-link:hover{color:#8b5cf6}.scroll-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #8b5cf64d;transition:all .3s ease;z-index:1000}.scroll-to-top:hover{transform:translateY(-3px);box-shadow:0 6px 25px #8b5cf666}.scroll-to-top:active{transform:translateY(-1px)}@media (min-width: 1400px){.footer-content{gap:4rem;padding:4rem 0 0}.footer-brand{max-width:350px}}@media (max-width: 1024px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1;max-width:none;text-align:center}.footer-social{justify-content:center}}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:2rem;text-align:center}.footer-section-title:after{left:50%;transform:translate(-50%)}.footer-bottom-content{flex-direction:column;text-align:center}.footer-bottom-links{justify-content:center}.scroll-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}@media (max-width: 480px){.footer{margin-top:2rem}.footer-content{padding:2rem 0 1rem;gap:1.5rem}.footer-bottom{padding:1rem 0}.footer-bottom-links{gap:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .8s ease-out}.pulse-animation{animation:pulse 2s infinite}.gradient-text{background:linear-gradient(45deg,#8b5cf6,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-primary{background:linear-gradient(45deg,#8b5cf6,#7c3aed);border:none;padding:12px 24px;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.btn-secondary{background:transparent;border:2px solid #8B5CF6;padding:10px 22px;border-radius:8px;color:#8b5cf6;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px)}.container{max-width:1400px;margin:0 auto;padding:0 20px;width:100%}@media (min-width: 1400px){.container{max-width:1600px;padding:0 40px}}@media (min-width: 1920px){.container{max-width:1800px;padding:0 60px}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:3rem;text-align:center}.visualizer-content{grid-template-columns:1fr}.code-section{border-right:none;border-bottom:1px solid rgba(255,255,255,.1)}.patterns-grid,.problems-grid{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:0 16px}.nav-links{display:none}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.topic-grid{grid-template-columns:1fr}.topic-card{padding:1.5rem}.features-grid,.comparison-grid{grid-template-columns:1fr}.topic-stats{gap:1rem}.hero-actions{flex-direction:column;align-items:center;gap:1rem}.btn-primary,.btn-secondary{width:100%;justify-content:center;max-width:200px}}@media (max-width: 768px){.topic-header-detail{padding-top:1.5rem}.topic-meta-detail{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.topic-badges{flex-direction:column;align-items:center;gap:.75rem}.difficulty-badge,.time-badge{width:100%;max-width:200px;justify-content:center}.tree-visual,.graph-visual{overflow-x:auto;padding:1rem 0;-webkit-overflow-scrolling:touch}.tree-container{min-width:max-content;padding:0 1rem}.tree-node{width:36px;height:36px;font-size:.9em}.tree-node.root{width:42px;height:42px}.section{margin-bottom:2.5rem}.section-title{font-size:1.25rem;margin-bottom:1.25rem}.code-block{font-size:.8em;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:1rem 0}.code-block pre{margin:0;padding:1rem;line-height:1.4}.code-line{white-space:pre-wrap;word-break:break-word}.visual-container{overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem 0}.problems-grid{grid-template-columns:1fr}.problem-card{padding:1.25rem}.floating-cards{display:none}.hero{padding:80px 0 40px}.back-btn{position:fixed;top:1rem;left:1rem;z-index:100;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#e2e8f0;text-decoration:none;font-size:.9rem;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0003}.back-btn svg{width:18px;height:18px}.section-nav{position:fixed;bottom:1rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;background:#1e293be6;padding:.75rem 1rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:90;box-shadow:0 4px 20px #0003}.section-nav a{color:#94a3b8;text-decoration:none;font-size:.8rem;padding:.5rem .75rem;border-radius:6px;transition:all .2s ease}.section-nav a:hover,.section-nav a.active{color:#e2e8f0;background:#8b5cf633}.step-navigation{gap:.5rem;padding:.75rem}.step-btn{width:36px;height:36px;font-size:.9rem}.step-dots{gap:.5rem}.step-dot{width:10px;height:10px}.btn-primary,.btn-secondary{padding:.75rem 1.25rem;font-size:.9rem}input[type=text],input[type=email],textarea,select{padding:.75rem 1rem;font-size:1rem}.container{padding:0 1rem}.section{padding:1.5rem 0}}.stats-testimonials{max-width:1200px;margin:0 auto;padding:4rem 1.5rem 6rem;color:#e2e8f0;min-height:calc(100vh - 200px)}.testimonial-title{font-size:2.25rem;font-weight:700;text-align:center;margin:3rem 0 2.5rem;background:linear-gradient(90deg,#00c9a7,#845ec2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block;padding-bottom:.5rem;width:100%}.testimonial-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00c9a7,#845ec2);border-radius:2px}.testimonial-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;margin-bottom:4rem}.testimonial-stat-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.testimonial-stat-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:#8b5cf680}.testimonial-stat-label{font-size:.9rem;color:#94a3b8;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.testimonial-stat-value{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#00c9a7,#845ec2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1.2}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;margin-bottom:4rem}.testimonial-card{background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.testimonial-card:before{content:'"';position:absolute;top:1.5rem;left:1.5rem;font-size:5rem;color:#8b5cf61a;font-family:serif;line-height:1;pointer-events:none}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000004d;border-color:#6366f180}.testimonial-feedback{font-size:1.05rem;line-height:1.7;color:#e2e8f0;margin:1rem 0 1.5rem;position:relative;z-index:1}.testimonial-name{font-size:1rem;color:#94a3b8;margin:auto 0 0;font-weight:500;text-align:right;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.08)}@media (max-width: 1024px){.testimonial-stats-grid{grid-template-columns:repeat(3,1fr)}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-testimonials{padding:3rem 1.25rem 5rem}.testimonial-title{font-size:2rem;margin:2.5rem 0 2rem}.testimonial-stats-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem}.testimonial-card{padding:1.75rem}}@media (max-width: 480px){.testimonial-title{font-size:1.75rem;margin:2rem 0 1.5rem}.testimonial-stats-grid{grid-template-columns:1fr}.testimonial-stat-card{padding:1.25rem 1rem}.testimonial-stat-value{font-size:1.75rem}.testimonial-feedback{font-size:1rem;line-height:1.6}}.company-questions-page,.company-details-page{padding-top:100px;padding-bottom:4rem;min-height:100vh}.company-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.company-card{display:flex;align-items:center;justify-content:center;padding:2.5rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2);border-radius:12px;text-align:center;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.company-card:hover{transform:translateY(-5px);background:#8b5cf61a;border-color:#8b5cf6;box-shadow:0 8px 20px #8b5cf633}.company-card-name{font-size:1.5rem;font-weight:600;color:#e2e8f0}.difficulty-section{margin-bottom:2rem}.difficulty-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:8px;border-left:4px solid var(--difficulty-color);cursor:pointer;margin-bottom:1.5rem}.difficulty-title{font-size:1.5rem;font-weight:700;color:#fff}.toggle-icon{transition:transform .3s ease}.toggle-icon.open{transform:rotate(180deg)}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.question-card{display:flex;flex-direction:column;padding:1.25rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.question-card:hover{transform:translateY(-3px);border-color:#8b5cf6;background:#8b5cf60d}.question-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.question-title{font-size:1.1rem;font-weight:600;color:#e2e8f0;margin-right:.5rem}.external-link-icon{color:#94a3b8;flex-shrink:0;transition:color .3s}.question-card:hover .external-link-icon{color:#8b5cf6}.question-description{font-size:.9rem;color:#94a3b8;line-height:1.5}.loading-state,.error-state{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:80vh;text-align:center}.spinner{animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}