.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:0 2rem;height:5rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);transition:background .3s ease,border-color .3s ease}body:not(.dark-mode) .navbar{background:#f8f9fab3;border-bottom:1px solid var(--border-color)}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1200px;margin:0 auto}.navbar-logo a{font-size:1.5rem;font-weight:700;color:var(--text-color);text-decoration:none}.navbar-links{display:flex;list-style:none;gap:1rem;align-items:center}.navbar-links a{color:var(--text-secondary-color);font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:color .2s ease,background-color .2s ease;text-decoration:none}.navbar-links a:hover{color:var(--text-color);background-color:#8080801a}.user-menu{position:relative}.user-menu-button{cursor:pointer;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary-color);font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:color .2s ease,background-color .2s ease;border:none;background:transparent}.user-menu-button:hover{color:var(--text-color);background-color:#8080801a}.user-menu-dropdown{position:absolute;top:120%;right:0;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow-color);list-style:none;padding:.5rem;width:200px;z-index:1001}.dropdown-item{padding:.75rem 1rem;cursor:pointer;display:block;color:var(--text-color);border-radius:6px}.dropdown-item:hover{background-color:#8080801a}.landing-page-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 5rem);padding:2rem}.logo-animation{width:150px;height:150px;position:relative;margin-bottom:2rem}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-shape{position:absolute;width:75px;height:75px;border:4px solid var(--primary-color);border-radius:50% 50% 0;animation:rotate 10s linear infinite}.logo-shape1{top:0;left:0;transform:rotate(45deg)}.logo-shape2{bottom:0;right:0;transform:rotate(225deg);animation-direction:reverse;animation-duration:8s}.landing-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.landing-subtitle{font-size:1.25rem;color:var(--text-secondary-color);max-width:600px;margin-bottom:2rem}.feed-header{margin-bottom:2rem;text-align:center}.search-bar-container{display:flex;gap:1rem;margin-bottom:2rem}.search-bar-container input{flex-grow:1;padding:.9rem}.auth-page-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 5rem);padding:2rem;position:relative}.auth-card{width:100%;max-width:420px;z-index:3;position:relative;background:#ffffff1a;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:20px;border:1px solid rgba(255,255,255,.2);padding:2.5rem;overflow:hidden}body:not(.dark-mode) .auth-card{background:#fff9;border:1px solid rgba(255,255,255,.8)}.auth-toggle{display:flex;justify-content:center;margin-bottom:2rem;background-color:#8080801a;border-radius:10px;padding:4px}.auth-toggle button{flex:1;padding:.75rem;border:none;background-color:transparent;color:var(--text-secondary-color);font-weight:600;cursor:pointer;border-radius:8px;transition:all .3s ease}.auth-toggle button.active{background-color:var(--surface-color);color:var(--text-color);box-shadow:0 2px 4px #0000001a}.auth-header{text-align:center;margin-bottom:1.5rem}.auth-header h1{font-size:2rem;font-weight:700}.auth-footer{text-align:center;margin-top:1.5rem;font-size:.9rem}.project-author{color:#666;margin-bottom:1rem}.project-description{white-space:pre-wrap}.project-links{margin:1.5rem 0}.project-links .btn{margin-right:1rem}.divider{margin:2rem 0;border:none;border-top:1px solid var(--border-color)}.comment-card{background:var(--background-color)}.comment-form,.login-prompt{margin-top:1.5rem}:root{--primary-color: #007bff;--primary-dark: #0056b3;--background-color: #e9ecef;--surface-color: #ffffff;--text-color: #212529;--text-secondary-color: #6c757d;--border-color: #dee2e6;--shadow-color: rgba(0, 0, 0, .075);--error-color: #dc3545;--body-bg: linear-gradient(180deg, #f8f9fa 0%, #e9ecef 100%)}body.dark-mode{--primary-color: #0d6efd;--primary-dark: #0b5ed7;--background-color: #1c1c1c;--surface-color: #282828;--text-color: #e9ecef;--text-secondary-color: #adb5bd;--border-color: #495057;--shadow-color: rgba(0, 0, 0, .25);--error-color: #dc3545;--body-bg: #0d1117}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--body-bg);color:var(--text-color);line-height:1.6;transition:background .3s ease,color .3s ease;padding-top:5rem}.container{max-width:1100px;margin:auto;padding:1rem 2rem}a{text-decoration:none;color:var(--primary-color);transition:color .2s ease-in-out}a:hover{color:var(--primary-dark)}.btn{display:inline-block;padding:.8rem 1.5rem;border:none;border-radius:8px;background:var(--primary-color);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;transition:background .2s ease-in-out,transform .1s ease}.btn:hover{background:var(--primary-dark)}.btn:active{transform:scale(.98)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.9rem}.form-group input{width:100%;padding:.8rem;font-size:1rem;border-radius:8px;border:1px solid var(--border-color);background-color:var(--surface-color);color:var(--text-color);transition:border-color .3s ease,background-color .3s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.card{background:var(--surface-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 12px var(--shadow-color);transition:background-color .3s ease;border:1px solid var(--border-color)}.alert{padding:1rem;margin:1rem 0;border-radius:8px;background:var(--error-color);color:#fff;text-align:center}