*{box-sizing:border-box}body,html{font-family:Roboto,sans-serif;margin:0;padding:0;color-scheme:dark;background-color:#000;color:#fff}:root{--primary: #7c4dff;--primary-dark: #6200ea;--primary-light: #b388ff;--text-primary: #ffffff;--text-secondary: #b3b3b3;--background: #121212;--card-bg: #1e1e1e;--gradient: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%)}.navbar-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:60px;padding:1rem;gap:2rem;z-index:1000}.navbar-hero{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#7c4dff;font-size:1.5rem;font-weight:700}.navbar-logo{height:2rem;width:auto}.desktop-nav{display:flex;align-items:center;gap:2rem;width:100%}.navbar-links{display:flex;align-items:center;gap:1rem;margin-right:auto}.navbar-link{text-decoration:none;color:#fff;font-size:.9rem;padding:5px 15px;border-radius:5px;transition:color .3s ease;display:flex;align-items:center;height:100%;transition:color .2s}.navbar-link:hover{color:#7c4dff}.navbar-login{display:flex;align-items:center;margin-left:auto}.login-button{background-color:#272a2b;color:#fff;font-size:.9rem;font-weight:700;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-button:hover{background-color:#3a3d3e}.oauth-buttons{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:300px}.oauth-button{width:100%;padding:12px 20px;border:none;border-radius:5px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .3s ease}.oauth-button:hover{opacity:.9}.oauth-button.google{background-color:#fff;color:#000}.oauth-button.github{background-color:#333;color:#fff}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:30px;height:21px;background:transparent;border:none;cursor:pointer}.hamburger span{display:block;width:25px;height:3px;background-color:#fff;border-radius:3px;transition:all .3s ease}@media (max-width: 768px){.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:2rem;position:fixed;top:60px;left:0;right:0;bottom:0;background:#000;opacity:0;transform:translateY(-10px);pointer-events:none;margin:0;padding:2rem;border-top:0px solid #333;transition:opacity .3s ease,transform .3s ease,border-top-width .3s ease}.mobile-nav.active{opacity:1;transform:translateY(0);pointer-events:all;border-top-width:1px}.hamburger{display:flex}.navbar-links{flex-direction:column;align-items:center;width:100%}.nav-divider{height:1px;width:80%;background-color:#333;align-self:center}}.gsi-material-button.github{background-color:#24292e;border-color:#1b1f23;color:#fff}.gsi-material-button.github:disabled{background-color:#24292e61;border-color:#1b1f231f}.gsi-material-button.github:not(:disabled):active .gsi-material-button-state,.gsi-material-button.github:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}.gsi-material-button.github:not(:disabled):hover{background-color:#2b3137}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#131314;background-image:none;border:1px solid #747775;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border-color:#8e918f}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#fff;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#fff;opacity:8%}.profile-widget{display:flex;align-items:center;gap:1rem;width:100%;max-width:300px;padding:.75rem;background:#272a2b;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:background-color .3s ease;text-decoration:none}.profile-widget:hover{background:#3a3d3e}.profile-widget-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-info{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.profile-name{font-weight:700;font-size:.9rem}.profile-email{font-size:.8rem;color:#999}.logout-button{width:100%;max-width:300px;padding:12px 20px;background:#272a2b;color:#f44;border:none;border-radius:5px;font-size:.9rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.logout-button:hover{background:#3a3d3e}.profile-component{position:relative}.profile-button{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;transition:transform .2s;border-radius:50%}.profile-button:hover{transform:scale(1.05);background-color:#333}.profile-image{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #505050;box-shadow:0 2px 4px #0006}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1a1a1a;border-radius:12px;box-shadow:0 4px 20px #00000026;min-width:240px;margin-top:8px;z-index:1000;overflow:hidden;animation:dropdownFade .2s ease-out}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:20px;display:flex;align-items:center;gap:16px;background-color:#1e1e1e}.dropdown-profile-image{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #505050;box-shadow:0 2px 8px #0000004d}.dropdown-name{font-weight:600;color:#fff;font-size:1.1rem}.dropdown-divider{height:1px;background-color:#404040;margin:0}.dropdown-item{display:flex;align-items:center;padding:16px 24px;text-decoration:none;color:#e0e0e0;width:100%;text-align:left;background:none;border:none;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.95rem;border-left:3px solid transparent}.dropdown-item:hover{background-color:#2a2a2a;color:#fff;border-left:3px solid #4d4d4d}.dropdown-item.logout{color:#ff4d4d;border-top:1px solid #2a2a2a}.dropdown-item.logout:hover{background-color:#ff4d4d1a;color:#f66;border-left:3px solid #ff4d4d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal{display:flex;flex-direction:column;background:linear-gradient(145deg,#030912,#02060e);border-radius:16px;border:1px solid rgba(146,93,219,.3);transform:scale(.95);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:400px;max-width:90%;overflow:hidden}.modal-overlay.active{opacity:1;visibility:visible}.modal.active{transform:scale(1);opacity:1}.modal-header{padding:24px 32px;text-align:center}.modal h2{margin:0;font-size:24px;font-weight:600;background:linear-gradient(90deg,#7c4dff,#b388ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.5px}.modal-content{display:flex;flex-direction:column;padding:20px;gap:1rem}.modal-footer{padding:24px 32px;display:flex;justify-content:center}.close-button{background:#832e2e;color:#fff;border:none;padding:12px 36px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;letter-spacing:.5px}.close-button:hover{background:#b82e2e;transform:translateY(-1px)}