:root{--bg-primary:#0f0a15;--bg-secondary:#171020;--bg-tertiary:#20162d;--text-primary:#faf5ff;--text-secondary:#e9d5ff;--text-muted:#d8b4fe;--accent-primary:#c084fc;--accent-primary-hover:#a855f7;--accent-primary-dim:#c084fc26;--accent-gold:#f59e0b;--accent-digital:var(--accent-primary);--accent-digital-dim:var(--accent-primary-dim);--accent-purple:#8b5cf6;--border-color:#3b2a4f;--border-highlight:#d8b4fe;--card-bg:#20162d;--card-bg-hover:#2a1d3a;--font-heading:"Inter",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0a15;background-color:var(--bg-primary);color:#faf5ff;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;font-family:var(--font-body);margin:0;min-height:100vh}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,monospace}*{box-sizing:border-box}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#0f0a15;background:var(--bg-primary);border-left:1px solid #3b2a4f;border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:#3b2a4f;background:var(--border-color);border:2px solid #0f0a15;border:2px solid var(--bg-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#c084fc;background:var(--accent-primary)}h1,h2,h3,h4,h5,h6{color:#faf5ff;color:var(--text-primary);font-weight:600;letter-spacing:-.01em}::selection{background:#c084fc26;background:var(--accent-primary-dim);color:#c084fc;color:var(--accent-primary)}.content-area{animation:fadeInPage .5s cubic-bezier(.4,0,.2,1)}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,#0f0a15,#171020);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%);background-size:400% 400%}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);height:70px;justify-content:space-between;padding:0 3rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:var(--text-primary);gap:.75rem}.navbar-logo h1{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0}.logo-icon,.navbar-logo .highlight{color:var(--accent-primary)}.logo-icon{align-items:center;display:flex}.navbar-search{display:flex;flex:1 1;margin:0 4rem;max-width:600px;position:relative}.navbar-search input{background-color:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;outline:none;padding:.65rem 3rem .65rem 1rem;transition:all .2s ease;width:100%}.navbar-search input:focus{background-color:#1e293bcc;border-color:var(--accent-digital);box-shadow:0 0 0 4px #22d3ee1a}.navbar-search button{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.navbar-search button:hover{color:var(--accent-digital)}.search-dropdown{background:#0f172a;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 10px 25px -5px #00000080;left:0;margin-top:.5rem;max-height:400px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.search-result-item{align-items:center;border-bottom:1px solid #ffffff0d;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#22d3ee1a}.result-info{display:flex;flex-direction:column;gap:.25rem}.result-title{color:var(--text-primary);font-size:.95rem;font-weight:500}.result-type{font-size:.75rem}.result-arrow,.result-type{color:var(--text-secondary)}.result-arrow{opacity:0;transform:translateX(-5px);transition:all .2s}.search-result-item:hover .result-arrow{color:var(--accent-digital);opacity:1;transform:translateX(0)}.navbar-actions{display:flex;gap:1.5rem}.user-profile{align-items:center;background:#ffffff08;border:1px solid #0000;border-radius:50px;cursor:pointer;display:flex;gap:1rem;padding:.35rem .75rem;transition:all .2s}.user-profile:hover{background:#ffffff0d;border-color:var(--border-color)}.avatar{align-items:center;background:linear-gradient(135deg,var(--accent-digital),#a855f7);border-radius:50%;box-shadow:0 0 10px #c084fc4d;color:#fff;display:flex;font-size:.85rem;font-weight:700;height:32px;justify-content:center;width:32px}.menu-btn{background:none;border:none;color:var(--text-primary);cursor:pointer;display:none;margin-right:1rem}@media (max-width:768px){.menu-btn{align-items:center;display:flex;justify-content:center}.navbar{padding:0 1rem}.navbar-search{display:none}.navbar-text{font-size:.9rem}}.navbar-logo:after{animation:lightBlink 2s ease-in-out infinite;background:var(--accent-gold);border-radius:50%;box-shadow:0 0 10px var(--accent-gold);content:"";height:6px;margin-left:4px;width:6px}@keyframes lightBlink{0%,to{box-shadow:0 0 2px var(--accent-gold);opacity:.4;transform:scale(.9)}50%{box-shadow:0 0 12px var(--accent-gold),0 0 20px var(--accent-gold);opacity:1;transform:scale(1.1)}}.navbar{animation:slideDown .5s cubic-bezier(.16,1,.3,1) backwards}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.logo-icon{animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%{filter:drop-shadow(0 0 0 rgba(16,185,129,0));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(16,185,129,.4));transform:scale(1.05)}to{filter:drop-shadow(0 0 0 rgba(16,185,129,0));transform:scale(1)}}.navbar-search{transition:transform .3s ease}.navbar-search:focus-within{transform:scale(1.02)}.user-profile{transition:transform .2s ease,background-color .2s ease}.user-profile:hover{background:var(--bg-tertiary);transform:translateY(-1px)}.profile-info{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;line-height:1.2;margin-left:.5rem}.profile-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.logout-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.75rem;gap:4px;opacity:.7;padding:0;transition:all .2s}.logout-btn:hover{color:#ef4444;opacity:1;text-decoration:underline}.user-profile{position:relative;-webkit-user-select:none;user-select:none}.profile-name{margin:0 .5rem}.dropdown-arrow{color:var(--text-secondary);transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.profile-dropdown{animation:slideDownDropdown .2s ease-out;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);padding:.5rem;position:absolute;right:0;top:120%;width:160px;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s;width:100%}.dropdown-item.logout-btn{color:#ef4444}.dropdown-item.logout-btn:hover{background:#ef44441a;color:#f87171;text-decoration:none}@keyframes slideDownDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-info{display:none}.library-shelf{margin-bottom:4rem}.shelf-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:1rem;letter-spacing:.05em;margin-bottom:2rem;text-transform:uppercase}.title-marker{background:var(--accent-gold);border-radius:4px;height:24px;width:4px}.shelf-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding-bottom:1.5rem}.shelf-base{background:linear-gradient(90deg,#0000 0,var(--border-color) 20%,var(--border-color) 80%,#0000 100%);height:1px;margin-top:1rem;opacity:.3}@media (max-width:768px){.shelf-grid{gap:1.5rem;grid-template-columns:1fr}.library-shelf{margin-bottom:2rem}}.project-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.project-card:not(.coming-soon-card){will-change:transform}.project-card:focus{outline:none}.project-card:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.project-card:hover{background:var(--bg-tertiary);border-color:var(--border-highlight);box-shadow:var(--shadow-md);transform:translateY(-4px)}.project-card:not(.coming-soon-card):hover{transform:translateY(-4px) scale(1.01)}.card-header{display:flex;justify-content:space-between;margin-bottom:1.25rem}.badge{background:var(--accent-primary-dim);border:1px solid #3b82f633;border-radius:6px;color:var(--accent-primary);font-size:.75rem;font-weight:500;padding:.25rem .75rem}.level{background:#0003;border-radius:4px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.25rem .6rem}.card-body h3{color:var(--text-primary);font-size:1.4rem;font-weight:600;margin:0 0 .75rem}.card-body p{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.6;margin:0;overflow:hidden}.card-footer{border-top:1px solid var(--border-color);justify-content:flex-end;margin-top:2rem;padding-top:1rem}.card-footer,.view-btn{align-items:center;display:flex}.view-btn{background:#0000;border:1px solid #0000;border-radius:6px;color:var(--accent-primary);cursor:pointer;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.view-btn:hover{background:var(--accent-primary-dim);border-color:#3b82f64d;transform:translateX(2px)}.coming-soon-card{background:var(--bg-tertiary);border-color:#fbbf244d;border-style:dashed;cursor:default}.coming-soon-card:hover{border-color:#fbbf2480;box-shadow:var(--shadow-md);transform:translateY(-4px)}.badge-warn{background:#fbbf241a;border:1px solid #fbbf2433;color:#fbbf24}.btn-disabled{background:#0000;border:1px solid var(--border-color);color:var(--text-muted);cursor:not-allowed;opacity:.5}.btn-disabled:hover{background:#0000;border-color:var(--border-color);box-shadow:none;transform:none}.project-card{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) backwards}.project-card:first-child{animation-delay:.1s}.project-card:nth-child(2){animation-delay:.2s}.project-card:nth-child(3){animation-delay:.3s}.project-card:nth-child(4){animation-delay:.4s}.project-card:nth-child(5){animation-delay:.5s}.project-card:after{background:linear-gradient(90deg,#0000 0,#ffffff0d 50%,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;transform:skewX(-25deg);transition:left .5s ease;width:50%;z-index:1}.project-card:hover:after{left:150%;transition:left .7s ease}.project-details-container{animation:fadeIn .4s ease-out;color:var(--text-primary);margin:0 auto;max-width:1400px;padding:1rem 0}.back-btn{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;margin-bottom:3rem;padding:0;transition:color .2s}.back-btn:hover{color:var(--text-primary);transform:translateX(-4px)}.details-header{align-items:flex-start;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:4rem;padding-bottom:3rem;position:relative}.details-title{color:var(--text-primary);font-size:3.5rem;font-weight:700;line-height:1.1;margin:0 0 1.5rem}.details-meta{align-items:center;display:flex;gap:1.5rem}.details-badge{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;color:var(--accent-primary);font-size:.9rem;font-weight:600;padding:.5rem 1.25rem}.download-btn{background:var(--accent-primary);border:none;border-radius:8px;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.85rem 2rem;transition:all .2s ease}.download-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.details-section{margin-bottom:4rem}.details-section h2{align-items:center;color:var(--text-primary);display:flex;font-size:1.75rem;gap:1rem;margin-bottom:2rem}.details-section h2:before{background:var(--accent-primary);border-radius:4px;content:"";display:block;height:24px;width:6px}.description-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1.05rem;line-height:1.8;padding:2.5rem}.feedback-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.add-feedback-btn{background:#0000;border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.add-feedback-btn:hover{background:#fbbf240d;border-color:var(--accent-gold);color:var(--accent-gold)}.feedback-list{grid-gap:2rem;display:grid;gap:2rem}.feedback-card{border:1px solid var(--border-color);border-radius:12px;transition:transform .2s}.feedback-card,.feedback-card:hover{background:var(--bg-tertiary)}.feedback-user{gap:1.25rem;margin-bottom:1.25rem}.feedback-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--accent-primary);font-size:1.1rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-info{display:flex;flex-direction:column;gap:.25rem}.username{color:var(--text-primary);font-size:1.05rem;font-weight:600}.feedback-date{color:var(--text-secondary);font-size:.85rem}.feedback-content{color:var(--text-secondary);font-size:1.05rem;line-height:1.7;margin:0}.reply-btn{align-items:center;background:#0000;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:.85rem;gap:.4rem;margin-top:.5rem;padding:.25rem 0;transition:color .2s}.reply-btn:hover{color:var(--accent-digital)}.replies-container{border-left:none;display:flex;flex-direction:column;gap:1rem;margin-left:0;margin-top:1rem;padding-left:0}.reply-item{background:#ffffff05;border-left:2px solid var(--border-color);border-radius:8px;font-size:.9rem;padding:.75rem}.reply-header{justify-content:space-between;margin-bottom:.5rem}.reply-header,.reply-user-info{align-items:center;display:flex}.reply-user-info{gap:.75rem}.reply-avatar{object-fit:cover}.reply-avatar,.reply-avatar-placeholder{border:1px solid var(--border-color);border-radius:50%;height:24px;width:24px}.reply-avatar-placeholder{align-items:center;background:var(--bg-secondary);color:var(--text-muted);display:flex;font-size:.7rem;font-weight:600;justify-content:center}.reply-username{color:var(--accent-digital);font-size:.9rem;font-weight:600}.reply-date{color:var(--text-muted);font-size:.8rem}.mention-tag{background-color:var(--accent-primary-dim);border:none;border-radius:4px;color:var(--accent-primary);display:inline-block;font-weight:600;margin-right:4px;padding:2px 6px;transition:all .2s ease}.mention-tag:hover{background-color:#c084fc40}.reply-content{color:var(--text-secondary);line-height:1.6;margin:0;padding-left:calc(24px + .75rem)}.reply-input-area{animation:fadeIn .2s ease;display:flex;gap:.5rem;margin-left:0;margin-top:1rem}.reply-input-area input{background:var(--background-darker);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);flex:1 1;font-size:.9rem;padding:.75rem 1rem}.reply-input-area input:focus{border-color:var(--accent-digital);box-shadow:0 0 0 2px #22d3ee1a;outline:none}.send-reply-btn{align-items:center;background:var(--accent-digital);border:none;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;justify-content:center;transition:all .2s;width:40px}.send-reply-btn:hover{background:var(--accent-gold);transform:scale(1.05)}@media (max-width:768px){.project-details-container{padding:1.5rem 1rem}.details-header{flex-direction:column;gap:1.5rem;margin-bottom:2rem}.details-title{font-size:2rem}.details-meta{flex-wrap:wrap;gap:1rem}.download-btn{justify-content:center;width:100%}.feedback-list{padding:0}}.toggle-replies-btn{align-items:center;background:none;border:none;color:var(--accent-digital);cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.3rem;margin-left:1.5rem;margin-top:.5rem;transition:all .2s}.toggle-replies-btn:hover{color:var(--accent-gold);text-shadow:0 0 5px #fbbf244d}.replies-wrapper{animation:fadeIn .3s ease}.description-text{color:var(--text-secondary);font-size:1.05rem;line-height:1.8;margin-bottom:2rem}.learning-objectives{background:#1e293b66;border:1px solid var(--border-color);border-radius:12px;margin-top:2rem;padding:2rem}.learning-objectives h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;gap:1rem;margin-bottom:1.5rem;margin-top:0}.learning-objectives ul{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));list-style:none;margin:0;padding:0}.learning-objectives li{color:var(--text-secondary);line-height:1.5;padding-left:1.5rem;position:relative}.learning-objectives li:before{color:var(--accent-digital);content:"▹";font-weight:700;left:0;position:absolute}.accent-bar{background:var(--accent-digital);border-radius:2px;box-shadow:0 0 10px var(--accent-digital);display:inline-block;height:1.25rem;width:4px}@media (max-width:768px){.description-text{font-size:1rem;line-height:1.6;text-align:justify}.learning-objectives{background:#1e293b99;margin-top:1.5rem;padding:1.5rem}.learning-objectives h3{font-size:1.1rem;margin-bottom:1rem}.learning-objectives ul{gap:.8rem;grid-template-columns:1fr}.learning-objectives li{font-size:.95rem;padding-left:1.2rem}.reply-input-area{flex-direction:column;margin-left:0;margin-top:1rem}.reply-input-area input{min-height:44px}.send-reply-btn{font-weight:600;gap:.5rem;height:44px;margin-top:.5rem;width:100%}.send-reply-btn:after{content:"Send Reply"}.toggle-replies-btn{margin-left:0;padding:.5rem 0}}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:2rem}.resource-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1.5rem;text-decoration:none;transition:all .2s}.resource-card:hover{background:var(--bg-secondary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.resource-type{background:var(--accent-primary-dim);border-radius:6px;color:var(--accent-primary);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content}.resource-title{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.resource-link-icon{align-self:flex-end;color:var(--text-secondary);margin-top:1rem;transition:color .2s}.resource-card:hover .resource-link-icon{color:var(--accent-primary)}.resource-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.resource-user-info{align-items:center;display:flex;gap:.75rem}.mini-avatar{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;color:var(--accent-primary);display:flex;font-size:.8rem;font-weight:600;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar-small{border-radius:50%;height:100%;object-fit:cover;width:100%}.mini-meta{display:flex;flex-direction:column}.mini-username{color:var(--text-primary);font-size:.85rem;font-weight:600}.mini-date{color:var(--text-secondary);font-size:.75rem}.resource-footer{align-items:center;border-top:1px dashed var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.resource-votes{color:var(--accent-gold);font-size:.85rem;font-weight:600}.resource-form-card{animation:fadeIn .3s ease-out;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.resource-input,.resource-select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);margin-bottom:1rem;outline:none;padding:.75rem;width:100%}.resource-input:focus,.resource-select:focus{border-color:var(--accent-primary)}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:100px 1fr}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.submit-btn{background:var(--accent-primary);border:none;border-radius:6px;color:var(--bg-primary);font-weight:600}.cancel-btn,.submit-btn{cursor:pointer;padding:.6rem 1.5rem}.cancel-btn{background:#0000;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary)}.add-feedback-btn{align-items:center;display:flex;gap:.5rem}.project-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem}.tab-btn{background:#0000;font-size:1rem;padding:1rem 1.5rem}.tab-btn.active{color:var(--accent-primary)}.tab-btn.active:after{border-radius:3px 3px 0 0;bottom:-1px;height:3px}.project-layout-grid{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 300px}@media (max-width:968px){.project-layout-grid{grid-template-columns:1fr}}.project-sidebar{position:-webkit-sticky;position:sticky;top:2rem}.sidebar-section{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem}.sidebar-section h3{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:1.1rem;margin:0 0 1.5rem;padding-bottom:.75rem}.completed-list{display:flex;flex-direction:column;gap:.5rem;max-height:280px;overflow-y:auto;padding-right:.5rem}.completed-list::-webkit-scrollbar{width:5px}.completed-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.completed-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.completed-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.completed-user-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.6rem;padding:.4rem;transition:background .2s}.user-avatar-circle{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.user-details{display:flex;flex-direction:column;line-height:1.2}.user-name{color:var(--text-primary);font-size:.9rem;font-weight:500}.completion-date{color:var(--text-secondary);font-size:.75rem}.no-data-text{color:var(--text-secondary);font-style:italic;text-align:center}.completed-user-item{animation:fadeInUp .5s ease backwards}.completed-user-item:first-child{animation-delay:.1s}.completed-user-item:nth-child(2){animation-delay:.2s}.completed-user-item:nth-child(3){animation-delay:.3s}.completed-user-item:nth-child(4){animation-delay:.4s}.completed-user-item:nth-child(5){animation-delay:.5s}.completed-user-item:nth-child(6){animation-delay:.6s}.completed-user-item:nth-child(7){animation-delay:.7s}.feedback-card,.resource-card{animation:fadeInUp .5s ease backwards}.feedback-card:first-child,.resource-card:first-child{animation-delay:.05s}.feedback-card:nth-child(2),.resource-card:nth-child(2){animation-delay:.1s}.feedback-card:nth-child(3),.resource-card:nth-child(3){animation-delay:.15s}.feedback-card:nth-child(4),.resource-card:nth-child(4){animation-delay:.2s}.feedback-card:nth-child(5),.resource-card:nth-child(5){animation-delay:.25s}.completed-user-item:hover{background:var(--bg-secondary);box-shadow:-2px 0 0 var(--accent-primary);transform:translateX(5px)}.resource-card{transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease}.resource-card:hover{border-color:var(--accent-primary);box-shadow:0 10px 20px -5px #10b98126;transform:translateY(-4px) scale(1.01)}.feedback-card{transition:transform .2s ease,border-color .2s ease}.feedback-card:hover{border-color:var(--border-highlight);transform:translateY(-2px)}.tab-btn:after{transition:width .3s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1)}.tab-btn:hover{transform:translateY(-1px)}.user-list-tabs{border-bottom:1px solid var(--border-color);display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.tab-btn{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:600;opacity:.7;padding:.5rem 1rem;position:relative;transition:all .2s}.tab-btn.active{background:#ffffff0d;color:var(--text-primary);opacity:1}.tab-btn.active:after{background:var(--accent-primary);border-radius:2px 2px 0 0;bottom:-.5rem;content:"";height:2px;left:0;position:absolute;width:100%}.tab-btn:hover{color:var(--text-primary);opacity:1}.feedback-type-selector{display:flex;gap:.5rem}.type-btn{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:20px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;padding:.4rem 1rem;transition:all .2s}.type-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.type-btn.active.information{background:#3b82f626;border-color:#3b82f6;color:#60a5fa}.type-btn.active.problem{background:#ef444426;border-color:#ef4444;color:#f87171}.type-btn.active.edge-case{background:#f59e0b26;border-color:#f59e0b;color:#fbbf24}.feedback-filters{border-bottom:1px solid var(--border-color);display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:1rem}.filter-pill{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:.5rem .25rem;position:relative;transition:color .2s}.filter-pill:hover{color:var(--text-primary)}.filter-pill.active{color:var(--accent-primary)}.filter-pill.active:after{background:var(--accent-primary);border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.feedback-type-badge{border-radius:4px;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.feedback-type-badge.information{background:#3b82f61a;border:1px solid #3b82f633;color:#60a5fa}.feedback-type-badge.problem{background:#ef44441a;border:1px solid #ef444433;color:#f87171}.feedback-type-badge.edge-case{background:#f59e0b1a;border:1px solid #f59e0b33;color:#fbbf24}.feedback-card.type-problem{border-left:3px solid #ef4444}.feedback-card.type-edge-case{border-left:3px solid #f59e0b}.feedback-card.type-information{border-left:3px solid #3b82f6}.vote-section{align-items:center;background:#ffffff08;border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:2px;height:-webkit-fit-content;height:fit-content;justify-content:center;margin-right:1.25rem;min-width:44px;padding:.5rem}.vote-section.feedback-vote{border-right:1px solid var(--border-color);border:1px solid var(--border-color);justify-content:center;padding-top:.5rem}.vote-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.vote-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.vote-btn svg{stroke-width:2.5px;height:18px;width:18px}.vote-btn.active-up{background:#10b9811a;color:#10b981}.vote-btn.active-up:hover{background:#10b98133}.vote-btn.active-down{background:#ef44441a;color:#ef4444}.vote-btn.active-down:hover{background:#ef444433}.vote-count{font-feature-settings:"tnum";color:var(--text-primary);font-size:.95rem;font-variant-numeric:tabular-nums;font-weight:800;margin:4px 0}.resource-card{align-items:flex-start!important;flex-direction:row!important;gap:.5rem;padding:1.25rem!important}.resource-content-wrapper{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding-top:.25rem;text-decoration:none}.resource-content-wrapper:hover .resource-link-icon{color:var(--accent-primary)}.feedback-card{align-items:flex-start;display:flex;flex-direction:row;padding:1.5rem}.feedback-main{flex:1 1;padding-bottom:.5rem;position:relative}@media (max-width:768px){.vote-section{margin-right:.75rem;min-width:36px;padding:.25rem}.vote-btn{height:24px;width:28px}.vote-btn svg{height:16px;width:16px}.vote-count{font-size:.85rem;margin:2px 0}}.loading-container{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;justify-content:center;min-height:60vh}.loading-spinner{height:80px;margin-bottom:2rem;position:relative;width:80px}.spinner-ring{animation:spin 1.5s cubic-bezier(.5,0,.5,1) infinite;border:4px solid #0000;border-radius:50%;border-top:4px solid var(--accent-primary);height:100%;position:absolute;width:100%}.spinner-ring:first-child{animation-delay:-.45s}.spinner-ring:nth-child(2){animation-delay:-.3s;border-top-color:var(--accent-secondary);height:80%;left:10%;top:10%;width:80%}.spinner-ring:nth-child(3){animation-delay:-.15s;border-top-color:var(--accent-digital);height:60%;left:20%;top:20%;width:60%}.loading-text{animation:pulse 2s ease-in-out infinite;color:var(--text-secondary);font-size:1.2rem;font-weight:500;letter-spacing:.5px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.feedback-actions{justify-content:space-between;margin-top:.75rem}.delete-btn,.feedback-actions{align-items:center;display:flex}.delete-btn{background:#0000;border:none;color:#ef4444;color:var(--status-error,#ef4444);cursor:pointer;font-size:.85rem;gap:.4rem;opacity:.7;padding:0;transition:all .2s ease}.delete-btn:hover{opacity:1;transform:scale(1.05)}.feedback-content-wrapper{display:flex;flex:1 1;flex-direction:column;min-width:0}.mintra-swal-popup{background:var(--bg-tertiary)!important;border:1px solid var(--border-color)!important;border-radius:16px!important;box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000001a!important;font-family:var(--font-body)!important;padding:2rem!important}.mintra-swal-title{color:var(--text-primary)!important;font-size:1.5rem!important;font-weight:600!important}.mintra-swal-content{color:var(--text-secondary)!important;font-size:1.05rem!important}.mintra-swal-confirm{background-color:#ef4444!important;border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;font-size:.95rem!important;font-weight:500!important;margin-left:1rem!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}.mintra-swal-confirm:hover{background-color:#dc2626!important;transform:translateY(-1px)}.mintra-swal-cancel{background-color:initial!important;border:1px solid var(--border-color)!important;border-radius:8px!important;color:var(--text-muted)!important;cursor:pointer!important;font-size:.95rem!important;font-weight:500!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}.mintra-swal-cancel:hover{background-color:#ffffff08!important;border-color:var(--text-muted)!important;color:var(--text-primary)!important}.feedback-content p,.reply-content p{margin:.5em 0}.feedback-content pre,.reply-content pre{background:#282c34;border:1px solid var(--border-color);border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.feedback-content code,.reply-content code{font-family:JetBrains Mono,monospace;font-size:.9em}.feedback-content p code,.reply-content p code{background:#ffffff1a;border-radius:4px;color:var(--accent-primary);padding:.2em .4em}.reply-content{margin-top:.25rem}.help-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:10000}.help-modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:20px;box-shadow:var(--shadow-lg);color:var(--text-primary);max-width:600px;padding:2.5rem;position:relative;width:90%}.close-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;padding:0;position:absolute;right:1.5rem;top:1.5rem;transition:color .2s}.close-btn:hover,.modal-header h2{color:var(--text-primary)}.modal-header h2{font-size:2rem;font-weight:700;margin:0 0 1rem}.underline{background:var(--accent-primary);border-radius:2px;height:4px;margin-bottom:2rem;width:60px}.intro-text{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.feature-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:2.5rem}.feature-item{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem 1rem;text-align:center;transition:transform .3s ease}.feature-item:hover{background:var(--bg-tertiary);border-color:var(--accent-primary);transform:translateY(-5px)}.icon-wrapper{align-items:center;background:var(--accent-primary-dim);border-radius:50%;color:var(--accent-primary);display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:48px}.feature-item h3{color:var(--text-primary);font-size:1.1rem;margin:.5rem 0}.feature-item p{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin:0}.modal-footer{display:flex;justify-content:center}.got-it-btn{background:var(--accent-primary);border:none;border-radius:50px;box-shadow:var(--shadow-md);color:var(--bg-primary);cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:all .2s}.got-it-btn:hover{background:var(--accent-primary-hover);color:var(--text-primary);transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.help-fab{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:50%;bottom:2rem;box-shadow:var(--shadow-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:3.5rem;justify-content:center;position:fixed;right:2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:3.5rem;z-index:9999}.help-fab:hover{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:var(--shadow-lg);color:var(--accent-primary);transform:scale(1.1) rotate(15deg)}.help-fab:active{transform:scale(.95)}@media (max-width:768px){.help-modal-content{max-height:90vh;overflow-y:auto;padding:1.5rem;width:95%}.modal-header h2{font-size:1.5rem}.intro-text{font-size:1rem;margin-bottom:2rem}.feature-grid{gap:1rem;grid-template-columns:1fr}.feature-item{align-items:center;display:flex;gap:1rem;padding:1.25rem;text-align:left}.icon-wrapper{flex-shrink:0;font-size:1.25rem;height:40px;margin:0;width:40px}.feature-text{flex:1 1;min-width:0}.feature-item h3{font-size:1rem;margin-top:0}.feature-item p{font-size:.85rem}.help-fab{bottom:1.5rem;font-size:1.25rem;height:3rem;right:1.5rem;width:3rem}}.help-modal-content::-webkit-scrollbar{width:6px}.help-modal-content::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:10px}.help-modal-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}.fab-container{bottom:2rem;display:flex;flex-direction:column;gap:1rem;position:fixed;right:2rem;z-index:9999}.help-fab{margin:0;position:static}.chatbot-fab{background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary)}.chatbot-fab:hover{background:var(--accent-primary);color:#fff}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}
/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{background:#0d1117;color:#c9d1d9}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#79c0ff}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-code,.hljs-comment,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{background-color:#033a16;color:#aff5b4}.hljs-deletion{background-color:#67060c;color:#ffdcd7}.chatbot-container{animation:slideUpFade .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;bottom:6rem;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;height:620px;overflow:hidden;position:fixed;right:2rem;width:420px;z-index:9998}@keyframes slideUpFade{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.chatbot-header h3{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.75rem;margin:0}.header-actions{display:flex;gap:.5rem}.close-chat-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:all .2s}.close-chat-btn:hover{background:#ffffff1a;color:var(--text-primary)}.chatbot-messages{background:var(--bg-tertiary);display:flex;flex:1 1;flex-direction:column;gap:1.25rem;overflow-y:auto;padding:1.5rem;scroll-behavior:smooth}.message{animation:fadeInMessage .3s ease-out;border-radius:18px;box-shadow:0 2px 4px #0000000d;font-size:.95rem;line-height:1.5;max-width:85%;padding:1rem 1.25rem;position:relative}@keyframes fadeInMessage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:var(--accent-primary);border-bottom-right-radius:4px;color:var(--bg-primary);font-weight:500}.message.bot{align-self:flex-start;background:var(--bg-secondary);border:1px solid var(--border-color);border-bottom-left-radius:4px;color:var(--text-primary);min-width:0}.chatbot-input-area{background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;gap:.75rem;padding:1.25rem}.chatbot-input{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:28px;color:var(--text-primary);flex:1 1;font-size:.95rem;outline:none;padding:.9rem 1.25rem;transition:all .2s}.chatbot-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #10b9811a}.send-chat-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:50%;color:var(--bg-primary);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all .2s;width:48px}.send-chat-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b9814d;transform:scale(1.05)}.send-chat-btn:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.5}@media (max-width:480px){.chatbot-container{border:none;border-radius:0;bottom:0;height:100%;right:0;width:100%;z-index:10000}.chatbot-header{padding-top:3rem}}.message.bot ul{list-style-type:disc}.message.bot ol,.message.bot ul{margin-bottom:.5rem;padding-left:1.5rem}.message.bot ol{list-style-type:decimal}.message.bot p{margin-bottom:.5rem}.message.bot p:last-child{margin-bottom:0}.message.bot h1,.message.bot h2,.message.bot h3{font-weight:700;margin-bottom:.5rem;margin-top:1rem}.message.bot a{color:#3b82f6;text-decoration:underline}.message.bot pre{background:#1e1e1e;border-radius:8px;margin:.5rem 0;max-width:100%;overflow-x:auto;padding:1rem}.message.bot code{font-family:Fira Code,monospace;font-size:.9em}.message.bot :not(pre)>code{background:#ffffff1a;border-radius:4px;padding:.2em .4em}.typing-indicator{align-items:center;display:flex;gap:4px;padding:.5rem}.typing-dot{animation:typing 1.4s ease-in-out infinite both;background:var(--text-secondary);border-radius:50%;height:6px;width:6px}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.splash-screen{align-items:center;animation:fadeOutSplash .5s ease-out 2s forwards;background:var(--bg-primary);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:20000}.splash-content{animation:scaleUpSplash .5s cubic-bezier(.16,1,.3,1) backwards;text-align:center}.splash-logo{align-items:center;color:var(--accent-primary);display:inline-flex;justify-content:center;margin-bottom:1.5rem;position:relative}.splash-ripple{animation:ripple 1.5s infinite;border:2px solid var(--accent-primary);border-radius:50%;height:100%;opacity:0;position:absolute;width:100%}.splash-title{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .2s forwards;color:var(--text-primary);font-size:3rem;margin:0;opacity:0}.splash-title .highlight{color:var(--accent-primary)}.splash-subtitle{animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) .4s forwards;color:var(--text-secondary);font-size:1.1rem;margin-top:.5rem;opacity:0}@keyframes ripple{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes fadeOutSplash{to{opacity:0;pointer-events:none;visibility:hidden}}@keyframes scaleUpSplash{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.auth-container{align-items:center;background:#0f0a15;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:30000}.auth-background{background-position:50%;background-size:cover;filter:blur(15px) brightness(.6);height:100%;left:0;position:absolute;top:0;transform:scale(1.1);width:100%}.auth-content{align-items:center;animation:fadeIn 1.5s ease-out;display:flex;flex-direction:column;justify-content:center;position:relative;text-align:center;z-index:10}.auth-title{color:#fff;font-size:4rem;font-weight:700;letter-spacing:-1px;margin:0 0 1rem;text-shadow:0 5px 15px #00000080}.auth-subtitle{color:#fffc;font-size:1.2rem;font-weight:300;letter-spacing:1px;margin:0 0 3rem}.auth-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;box-shadow:0 0 20px #0003;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;letter-spacing:2px;padding:1rem 3rem;text-transform:uppercase;transition:all .3s ease}.auth-button:hover{background:#fff;box-shadow:0 0 30px #fff6;color:#000;transform:scale(1.05)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.auth-content{padding:0 1rem;width:90%}.auth-title{font-size:2.5rem;text-shadow:0 3px 10px #00000080}.auth-subtitle{font-size:1rem;margin-bottom:2.5rem}.auth-button{font-size:1rem;max-width:280px;padding:1rem;width:100%}}.App{display:flex;flex-direction:column;min-height:100vh}.main-container{display:flex;flex:1 1}.content-area{flex:1 1;height:calc(100vh - 70px);overflow-y:auto;padding:2rem 3rem}.hero-section{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:4rem;padding:3rem;text-align:center}.hero-section h1{color:var(--text-primary);font-size:3rem;margin-bottom:1rem}.category-filter{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.filter-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s ease}.filter-btn:hover{background:var(--bg-secondary);border-color:var(--accent-primary);color:var(--text-primary)}.filter-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:var(--shadow-sm);color:#fff;font-weight:500}.mobile-overlay{display:none}@media (max-width:768px){.content-area{padding:1.5rem 1rem}.hero-section{padding:2rem 1rem}.hero-section h1{font-size:2rem}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:900}}.hero-section{animation:scaleIn .8s cubic-bezier(.16,1,.3,1) backwards}.hero-section h1{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .2s backwards}.hero-section p{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .3s backwards}.category-filter{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) .4s backwards}.app-background{background:var(--bg-primary);height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:100vw;z-index:-1}.bg-shape{animation:floatBackground 20s ease-in-out infinite alternate;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.shape-1{animation-duration:25s;background:var(--accent-primary);height:60vh;left:-10%;top:-10%;width:60vh}.shape-2{animation-direction:alternate-reverse;animation-duration:30s;background:var(--bg-secondary);bottom:-10%;height:70vh;opacity:.3;right:-10%;width:70vh}.shape-3{animation-duration:35s;background:radial-gradient(circle,var(--accent-primary) 0,#0000 70%);height:50vh;left:40%;opacity:.15;top:40%;width:50vh}@keyframes floatBackground{0%{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(30px,-50px) scale(1.1) rotate(10deg)}66%{transform:translate(-20px,20px) scale(.9) rotate(-5deg)}to{transform:translate(0) scale(1) rotate(0deg)}}
/*# sourceMappingURL=main.7ac9be69.css.map*/