:root{--text-color: #2a2929;--body-bg-gradient: linear-gradient(-20deg, #616161 0%, #9bc5c3 100%);--navbar-bg: rgba(20, 20, 20, .7);--navbar-brand: #ffffff;--nav-link-hover: #0091ff;--nav-link: #cccccc;--button-bg: rgba(0, 0, 0, .2);--button-text: #fff;--project-footer-bg: #ffffff0f;--project-card-bg: linear-gradient( to top, #d5d4d0 0%, #d5d4d0 1%, #eeeeec 31%, #efeeec 75%, #e9e9e7 100% );--pagination-btn-hover: rgba(0, 0, 0, .1);--project-border-color: rgb(160, 160, 160);--skeleton: rgba(51, 51, 51, .4);--scroll-to-top-bg: rgb(20, 20, 20);--scroll-to-top-text: white}html,body{margin:0;padding:0}body{font-family:Open Sans,sans-serif;color:var(--text-color);scroll-behavior:smooth;line-height:1.6;background:var(--body-bg-gradient);background-image:linear-gradient(45deg,#8baaaa,#ae8b9c);position:relative}a{color:inherit;text-decoration:none}.footer{text-align:center;padding:1rem 0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--navbar-bg);color:#ccc;font-size:.95rem;font-weight:700;border-top:1px solid #222;width:100%;margin-top:auto}.navbar{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:var(--navbar-bg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);z-index:999;box-sizing:border-box}.navbar-brand{font-size:1.25rem;font-weight:600;color:var(--navbar-brand);letter-spacing:.5px;transition:transform .3s ease}.navbar-brand:hover{transform:scale(1.05)}.navbar-link{display:flex;align-items:center;gap:20px;padding:.3rem .5rem}.navbar-link a{font-size:1rem;color:var(--nav-link);text-decoration:none;transition:transform .3s ease}.navbar-link a:hover{color:var(--nav-link-hover)}@media (max-width: 1249px){.navbar-brand{font-size:1rem;max-width:200px}}@media (max-width: 600px){.navbar{padding:.75rem 1rem}.navbar-link a{font-size:.9rem}}#projects{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 150px;position:relative;margin:0;min-height:100vh}#projects-container{width:100%;margin:0 auto;padding:0 1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;width:100%}.pagination-container{display:flex;justify-content:center;margin-top:3rem}.pagination{display:flex;gap:.5rem;align-items:center;padding:.5rem;border-radius:8px;background:var(--project-card-bg)}.page-btn{padding:.5rem 1rem;border:none;background:none;color:var(--text-primary);cursor:pointer;border-radius:4px;transition:all .2s ease}.page-btn:hover:not(:disabled){background:var(--pagination-btn-hover)}.page-btn.active{background:var(--button-bg);color:var(--button-text)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn[title]{font-weight:700}.pagination{gap:.25rem}.stack-btn-container{width:100%;padding-left:15px;display:flex;justify-content:flex-start}.stack-opt-btn{padding:.3rem 1rem;background-color:#fff;color:#000;border:none;border-radius:8px;cursor:pointer;font-weight:500;transition:transform .3s cubic-bezier(.25,.1,.25,1);margin-right:15px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 1249px){.stack-btn-container{justify-content:start;margin-left:-20px;margin-bottom:-10px;margin-top:10px}#projects{padding:100px 20px}}@media (max-width: 768px){#projects{padding:120px 20px}#projects-container{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.pagination{gap:.15rem}.page-btn{padding:.5rem .75rem}.stack-opt-btn{padding:5px;font-size:14px}.stack-opt-btn>option{font-size:14px}}