:root{--background:#ededed;--foreground:#0a0a0a}@media (prefers-color-scheme:light){:root{--background:#ededed;--foreground:#0a0a0a}}body,html{max-width:100vw;min-height:100vh;overflow-x:hidden}body{color:#0c0a04;background:#e7e7e7;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}h1{font-size:1.8rem;line-height:2.3rem}h1,h2{font-family:Roboto,sans-serif}h2{font-size:1.3rem;line-height:1.9rem}h3{font-size:1.1rem;line-height:1.6rem}h3,h4{font-family:Roboto,sans-serif}h4{font-size:1rem}h5{font-size:.8rem}h5,h6{font-family:Roboto,sans-serif}h6{font-size:.6rem}p{font-family:Roboto,sans-serif;font-size:.9rem;line-height:1.4rem}a{color:#000}a:hover{color:#171717}a:visited{color:#0c0a04}a:active{color:#171717}button{cursor:pointer;padding:.5rem 1rem;border:none;border-radius:5px;background-color:#0c0a04;color:#ededed;margin:.3rem}.main-content{display:flex;flex-direction:column;width:80%;min-height:450px;max-width:950px;margin:3rem auto;background:#fbfbfb;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}header{display:flex;justify-content:space-between;align-items:center;padding:1rem}header h1{font-size:2rem}nav ul{display:flex;list-style:none}nav ul li{margin:0 1rem}nav ul li a{color:#0c0a04}nav ul li a:hover{color:#171717}footer{display:flex;justify-content:center;align-items:center;padding:1rem}footer p{font-size:.8rem}form{display:flex;flex-direction:column;padding:2rem;color:#0c0a04}label{font-weight:700}form input,input[type=email],input[type=password],input[type=text],select{margin:.5rem;padding:.5rem;border:1px solid #0c0a04;border-radius:5px}input[type=email],input[type=password],input[type=text],select{background-color:unset}.lds-dual-ring,.lds-dual-ring:after{box-sizing:border-box}.lds-dual-ring{display:inline-block;width:80px;height:80px;margin:auto}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:currentcolor transparent;border-style:solid;border-width:6.4px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:568px){.main-content{padding:0;width:90%}}@media (max-width:468px){.main-content{padding:0;width:100%;margin:0}header{padding:.5rem}header h1{font-size:1.5rem}nav ul li{margin:0 .5rem}nav ul li a{font-size:.8rem}footer{padding:.5rem}footer p{font-size:.6rem}form{padding:1rem}form input{margin:.3rem;padding:.3rem}button{padding:.5rem .6rem;margin:.2rem}}.front-page{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-section{max-width:1100px;justify-content:center}.main-left-section,.main-section{display:flex;gap:1rem;margin:2rem}.main-left-section{flex-direction:column;flex:20% 1}.main-right-section{display:flex;flex-direction:column;gap:1rem;margin:2rem;flex:80% 1}.section-divider-title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;margin:2rem auto}.section-sidebar-title{display:flex;flex-direction:column;gap:1rem;margin:2rem 0}.projects-grid{display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem;row-gap:4rem;justify-content:center;margin:3rem 2rem}.project-card{width:100%;border-radius:5px;box-shadow:0 0 10px 0 #4b44444f;transition:all .3s;flex-basis:180px;color:#0c0a04;background-color:#fff;border:1px solid #cfcfcf}.project-card:hover{transform:translateY(-3px);cursor:pointer}.project-card-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;margin:.5rem}.project-card-content h2{margin:.5rem;font-size:1.2rem;line-height:1.5rem}.project-card-user{display:flex;align-items:center;justify-content:center;color:#fff;background-color:#222}.project-card-user img{width:30px;height:30px;border-radius:50%;margin:.5rem}.project-card-image-container{display:flex;overflow:hidden;border-radius:5px 5px 0 0}.project-card-image-container img{width:100%;height:70px;border-radius:5px 5px 0 0;object-fit:cover}.hero-section{align-items:center;justify-content:center;padding:2rem;text-align:center;color:#0c0a04;gap:1rem}.hero-section,.latest-comments{display:flex;flex-direction:column}.latest-comments{margin-bottom:20px;width:100%}.comments-container{display:flex;flex-direction:column;gap:10px}.comment-card{background:#f8f8f8;padding:12px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:background .2s ease-in-out,transform .2s ease-in-out;cursor:pointer}.comment-card:hover{background:#e0e0e0;transform:scale(1.02)}.comment-author{font-weight:700;margin-bottom:5px}.comment-text{font-size:14px;color:#444}.top-liked-projects-list{display:flex;flex-direction:column;gap:15px}.top-liked-project-row{display:flex;align-items:center;gap:15px;background:#f8f8f8;padding:10px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;transition:background .2s,transform .2s}.top-liked-project-row:hover{background:#eaeaea;transform:scale(1.02)}.top-liked-project-image{width:50px;height:50px;object-fit:cover;border-radius:6px}.project-info{display:flex;flex-direction:column}.project-title{font-size:16px;font-weight:700;margin:0}.project-author{font-size:14px;color:#555}.section-divider-title{font-weight:700;margin-bottom:10px}.top-liked-projects{display:flex;flex-direction:column;width:100%}.project-user-name{font-size:.8rem;margin:0}.comment-project{font-weight:700;color:#007bff;cursor:pointer;text-decoration:none}.comment-project:hover{text-decoration:underline}@media (max-width:768px){.main-section{flex-wrap:wrap-reverse;margin:1rem}.main-left-section,.main-right-section,.projects-grid{margin:1rem}.project-card{flex-basis:100%}.project-card-image-container img{height:150px}.project-card-content h2{font-size:1rem}.project-card-user img{width:20px;height:20px}.hero-section{padding:1rem}.section-divider-title{font-size:1.2rem;margin-bottom:2rem}.top-liked-project-row{padding:5px}.top-liked-project-image{width:40px;height:40px}.project-user-name{font-size:.6rem}}.header{display:flex;justify-content:space-between;align-items:center;padding:15px 3rem;background:#000;color:#fff;position:relative}.logo{font-size:24px;font-weight:700;cursor:pointer}.desktop-menu ul{list-style:none;gap:20px}.desktop-menu li{cursor:pointer;transition:color .3s}.desktop-menu li:hover{color:#f4b400}.hamburger{font-size:24px;cursor:pointer;display:none}.mobile-menu{position:absolute;top:60px;right:10px;background:#333;padding:15px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.2)}.mobile-menu ul{list-style:none;padding:0;margin:0}.mobile-menu li{padding:10px;cursor:pointer;transition:background .3s}.mobile-menu li:hover{background:#444}.header-user-icon{width:30px;cursor:pointer}.user-menu{display:flex;align-items:center;gap:8px;cursor:pointer}.user-icon{font-size:1.5rem}.mobile-user{display:none;right:100px;top:10px;align-items:center;gap:6px;cursor:pointer;font-weight:700}.desktop-menu ul{display:flex;align-items:center}@media (max-width:768px){.mobile-user{display:flex}.desktop-menu{display:none}.hamburger{display:block}}.error-notification{position:fixed;bottom:20px;right:20px;background-color:#f44336;color:#fff;padding:15px 50px 15px 20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.3);font-size:14px;z-index:9999;max-width:300px;word-wrap:break-word;display:flex;justify-content:space-between;align-items:center;animation:slideUp .3s ease-out}.error-close-btn{background:transparent;border:none;color:#fff;font-size:16px;cursor:pointer;margin-left:10px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.consent-banner-container{position:fixed;bottom:0;width:100%;background:#333;color:#fff;text-align:center;z-index:1000}.consent-banner{display:flex;margin:.5rem;flex-direction:column;gap:.5rem}.consent-banner p{margin:0;display:inline;color:#fff}.consent-banner a{color:#fff;text-decoration:underline}.consent-banner-button-container{display:flex;justify-content:center;gap:.5rem;margin:.5rem}.consent-banner button{margin-left:10px;padding:5px 10px;background:#fff;color:#333;border:none;cursor:pointer}