.controls,.nav,.nav-row{display:flex}.back-btn .btn,.footer-card a,.nav-link{text-decoration:none}#modalClose,#s-logo,.icon-btn,.project-card{cursor:pointer}:root{--bg:#0f1724;--card:#ffffff;--muted:#7b7f8b;--accent:#00d4ff;--accent-2:#6a8cff;--text:#0b1220;--glass:rgba(255, 255, 255, 0.06);--radius:12px;--maxw:1100px}:root[data-theme=light]{--bg:linear-gradient(135deg, #f7f9fc, #eef6ff);--card:#ffffff;--muted:#6b7280;--accent:#4facfe;--accent-2:#00f2fe;--text:#071022;--glass:rgba(10, 14, 20, 0.03)}:root[data-theme=dark]{--bg:linear-gradient(135deg, #0f1724, #121827);--card:#0b1220;--muted:#9aa3b2;--accent:#00d4ff;--accent-2:#6a8cff;--text:#e6eef8;--glass:rgba(255, 255, 255, 0.03)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}.container{max-width:var(--maxw);margin:0 auto;padding:0 20px}.filters-container,.projects-grid{max-width:1200px;box-sizing:border-box}.site-header{backdrop-filter:blur(6px);position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(0,0,0,.06)}.nav-row{align-items:center;justify-content:space-between;padding:14px 12px}#s-logo,.controls{align-items:center}.brand{font-weight:700;font-size:1.15rem;color:var(--accent)}.icon-btn,.nav-link,.site-footer{color:var(--text)}.nav{gap:18px}.nav-link{padding:8px 10px;border-radius:8px;transition:.18s}.nav-link:hover{background:var(--glass)}.controls{gap:8px}.icon-btn{background:0 0;border:0;font-size:18px;padding:6px;border-radius:8px}.filters-container,.project-card{background:#fff;border-radius:12px}.hamburger{display:none}.nav-link.active{color:var(--accent);font-weight:600}#s-logo{width:50px;height:50px;display:flex;justify-content:center;transition:transform .3s}#s-logo:hover{transform:scale(1.15)}.logo-brand{display:flex;align-items:center;gap:6px}header.hero{background:linear-gradient(135deg,#6a11cb 0,#2575fc 100%);color:#fff;text-align:center;padding:80px 20px}header.hero h1{font-size:2.8rem;margin-bottom:15px;font-weight:700}header.hero p{font-size:1.2rem;color:#e0e0e0}.filters-container{display:flex;flex-wrap:wrap;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.06)}.filters-container input,.filters-container select{flex:0 0 200px;min-width:150px;max-width:220px;padding:10px 15px;font-size:1rem;border-radius:8px;outline:0;box-sizing:border-box}.filters-container input:focus,.filters-container select:focus{border-color:#2575fc;box-shadow:0 0 8px rgba(37,117,252,.3)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:0 auto 60px;padding:0 20px}.project-card{box-shadow:0 6px 20px rgba(0,0,0,.08)}.project-card:hover{box-shadow:0 12px 30px rgba(0,0,0,.12)}.project-card .project-img-wrapper{position:relative}.project-card .project-img{max-height:200px;object-fit:cover}.project-card .project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(37,117,252,.7);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;flex-direction:column}.project-card .project-actions{display:flex;gap:10px;margin-bottom:10px}.project-card .btn-small{padding:8px 12px;background:#fff;color:#2575fc;font-size:.9rem;border-radius:6px;text-decoration:none;border:none;cursor:pointer;transition:background .3s,color .3s}#modalContent,#modalImg{width:auto;border-radius:12px}.project-card .btn-small:hover{background:#2575fc;color:#fff}.project-card .project-author-overlay{font-size:.9rem;color:#fff;text-align:center;margin-top:5px}.project-card .project-name{font-size:1.2rem;font-weight:600;color:#2575fc;padding:12px 16px 5px}.project-card .project-meta{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.project-card .project-meta span{font-size:.8rem;background:#e0e0e0;color:#333;padding:4px 8px;border-radius:6px}#screenshotModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:20px;box-sizing:border-box}#modalContent{position:relative;max-width:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:visible}#modalImg{max-width:100%;height:auto;display:block;margin-bottom:20px}#modalClose{position:absolute;top:10px;right:20px;color:#ff4d4d;font-size:2rem;font-weight:700;transition:.3s;z-index:10}#modalClose:hover{color:#ff1a1a}@media (max-width:1024px){#modalContent{max-width:95%}#modalImg{max-width:100%;height:auto}}@media (max-width:768px){#s-logo{width:40px;height:40px}header.hero h1{font-size:2.2rem}header.hero p{font-size:1.1rem}.filters-container{flex-direction:column;gap:12px;margin:20px auto 30px}.filters-container input,.filters-container select{flex:1 1 100%;max-width:100%}.projects-grid{gap:15px}.project-card .project-img{max-height:180px}#screenshotModal{align-items:center!important;justify-content:center!important;padding:20px 10px}#modalContent{max-width:95%;width:100%;margin:0}#modalImg{max-width:100%;height:auto}.nav{display:none}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:27px;height:22px;cursor:pointer;padding:0;position:relative;font-size:0;z-index:2100}.hamburger span{display:block;height:3px;width:100%;background:#53575f;border-radius:4px;transition:.3s}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav.mobile-active{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;position:fixed;top:0;right:-100%;width:70%;height:100vh;background:var(--bg);backdrop-filter:blur(12px);padding:80px 24px 24px;transition:right .4s;z-index:2000;border-left:1px solid rgba(255,255,255,.08)}.nav.mobile-active.show{right:0}.nav.mobile-active .nav-link{width:100%;font-size:1.05rem;padding:12px 16px;border-radius:var(--radius);color:var(--text);text-decoration:none;transition:background .25s,color .25s,transform .2s}.nav.mobile-active .nav-link:hover{background:var(--glass);color:var(--accent);transform:scale(1.03)}.nav-row{justify-content:space-between;align-items:center}}.skeleton-card{background:#f0f0f0;border-radius:10px;padding:10px;animation:1.5s infinite pulse}.skeleton-img{height:150px;background:#ddd;border-radius:8px}.skeleton-meta,.skeleton-text{background:#ddd;border-radius:4px}.skeleton-text{height:16px;margin:10px 0}.skeleton-meta{height:12px}.back-btn .btn,.site-footer{border-radius:var(--radius)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.6}}.site-footer{background:var(--card);padding:60px 20px 30px;font-family:Poppins,sans-serif;border-top:2px solid var(--accent-2);backdrop-filter:blur(8px)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:35px;max-width:var(--maxw);margin:0 auto 30px}.footer-card{display:flex;flex-direction:column;gap:12px}.footer-card h4{font-size:1.15rem;color:var(--accent);font-weight:600;margin-bottom:10px;position:relative}.footer-card h4::after{content:'';display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));margin-top:6px;border-radius:2px}.footer-card ul{list-style:none;padding:0}.footer-card li{margin-bottom:8px}.footer-card a{color:var(--text);font-weight:500;transition:.3s}.footer-card a:hover{color:var(--accent-2);transform:translateX(4px)}.footer-card p{color:var(--muted);margin-bottom:6px}.social-icons{display:flex;gap:12px;margin-top:6px}.social-icons a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:1.3rem;border-radius:50%;background:var(--glass);color:var(--text);transition:transform .3s,box-shadow .3s,background .3s}.social-icons a i{color:inherit}.social-icons a[aria-label=GitHub]:hover{background:#181717;color:#fff}.social-icons a[aria-label=LinkedIn]:hover{background:#0077b5;color:#fff}.social-icons a[aria-label=Twitter]:hover{background:#1da1f2;color:#fff}.social-icons a:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 6px 18px rgba(0,0,0,.15)}.footer-bottom{text-align:center;border-top:1px solid rgba(0,0,0,.06);padding-top:16px;color:var(--muted);font-size:.9rem;margin-top:20px}@media (max-width:700px){.footer-container{grid-template-columns:1fr;text-align:center}.social-icons{justify-content:center}.footer-card h4::after{margin:6px auto 0}}@media (max-width:900px){.about-grid,.hero-grid{grid-template-columns:1fr}.hero-grid{text-align:center}.profile-card{flex-direction:column;align-items:center}.form-row{flex-direction:column}}@media (max-width:480px){#modalContent,.filters-container input,.filters-container select{width:100%;max-width:100%}header.hero h1{font-size:1.8rem}.hero-sub,header.hero p{font-size:1rem}.filters-container{flex-direction:column;gap:10px}.projects-grid{grid-template-columns:1fr}.project-card .project-img{max-height:150px}#screenshotModal{align-items:center!important;justify-content:center!important;padding:15px 10px}#modalContent{margin:0}#modalImg{max-width:100%;height:auto}.hero-title{font-size:1.6rem}}body.no-scroll{overflow:hidden;height:100%}.back-btn{margin:20px auto;text-align:center;position:relative;z-index:100}.back-btn .btn{display:inline-block;background:var(--accent);font-size:.95rem;box-shadow:0 4px 12px rgba(0,0,0,.15)}.project-overlay{position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.7);color:#fff;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:12px;opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s}.filters-container,.project-card{background:var(--card);border-radius:var(--radius)}.project-card:hover .project-overlay{opacity:1;transform:translateY(0)}.project-overlay .project-actions{display:flex;gap:10px;margin-bottom:8px}.project-overlay .project-author-overlay{font-size:.95rem;font-weight:500;color:#fff;text-align:center}.project-card{overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.1);transition:transform .35s,box-shadow .35s;position:relative}.project-card:hover{transform:translateY(-6px);box-shadow:0 12px 35px rgba(0,0,0,.15)}.project-card .project-img-wrapper{overflow:hidden;border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius)}.project-card .project-img{width:100%;height:180px;object-fit:cover;transition:transform .35s}.project-card:hover .project-img,.project-meta span:hover{transform:scale(1.05)}.project-meta span{font-size:.75rem;padding:4px 8px;border-radius:6px;background:var(--glass);color:var(--text);backdrop-filter:blur(6px);transition:transform .25s}.filters-container{box-shadow:0 8px 20px rgba(0,0,0,.08);padding:25px 20px;margin:-60px auto 40px;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.filters-container input,.filters-container select{background:var(--glass);color:var(--text);border:1px solid rgba(0,0,0,.1);transition:.25s}.filters-container input:focus,.filters-container select:focus{border-color:var(--accent);box-shadow:0 0 10px var(--accent)}.back-btn .btn{background:var(--accent);color:#fff;font-weight:600;padding:12px 20px;border-radius:var(--radius);transition:transform .3s,box-shadow .3s,background .3s}.back-btn .btn:hover{background-color:#00d4ff;color:#fff;box-shadow:0 6px 16px rgba(0,212,255,.3);transform:translateY(-3px);background:var(--accent-2);box-shadow:0 6px 18px rgba(0,212,255,.3)}:root[data-theme=dark] .project-overlay{background:linear-gradient(180deg,rgba(15,23,36,0) 0,rgba(15,23,36,.85) 100%)}:root[data-theme=dark] .project-meta span{background:rgba(255,255,255,.06);color:#e6eef8}:root[data-theme=dark] .filters-container input,:root[data-theme=dark] .filters-container select{background-color:var(--card);color:var(--text);border:1px solid #555}:root[data-theme=dark] .filters-container select option{background-color:var(--card);color:var(--text)}:root[data-theme=dark] .filters-container input:focus,:root[data-theme=dark] .filters-container select:focus{border-color:var(--accent);box-shadow:0 0 8px rgba(0,212,255,.3)}