:root{--bg-color:#121212;--text-main:#e0e0e0;--text-secondary:#bbb;--card-bg:#1e1e1e;--card-border:#333;--accent-color:#f55;--accent-hover:#ff3a3a;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-circle:50%;--shadow-sm:0 2px 6px #0000001a;--shadow-md:0 6px 12px #0003;--shadow-lg:0 6px 20px #0000004d;--section-gap:30px}.project-page{background-color:var(--bg-color);color:var(--text-main);padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.7}.project-header{flex-wrap:wrap;align-items:flex-start;gap:30px;width:100%;display:flex}.project-image{border-radius:var(--radius-md);height:350px;box-shadow:var(--shadow-md);border:1px solid var(--card-border);flex:0 0 220px;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%}.project-title{flex:1;min-width:280px}.project-title h1{color:#fff;margin-bottom:12px;font-size:2.3em;font-weight:600}.description{color:var(--text-secondary);max-width:600px;margin-bottom:14px;font-size:1.1em}.note{font-size:.9em;font-style:italic}table{border-collapse:collapse;background-color:#070707;width:100%;margin:20px 0;font-size:16px;box-shadow:0 2px 8px #0003}th{color:#fff;text-align:left;background-color:#373737;padding:4px 12px}th:first-child,th:nth-child(2){text-align:left}td{padding:4px 12px}tr td:first-child,tr td:nth-child(2),tr td:nth-child(3),tr td:nth-child(4){background-color:#242424}tbody tr:nth-child(2n){opacity:.9}td a{color:#98cbff;font-weight:500;text-decoration:none}td a:hover{text-decoration:underline}.screenshots{scroll-behavior:smooth;gap:10px;max-height:200px;margin:-20px;padding:20px;display:flex;overflow-x:auto}.screenshot-item{aspect-ratio:16/9;cursor:pointer;border-radius:var(--radius-md);height:120px;box-shadow:var(--shadow-sm);flex:none;width:200px;transition:transform .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0003}.screenshot-item:hover{transform:scale(1.03)}.screenshot-item img,.screenshot-item iframe,.screenshot-item video{object-fit:cover;width:100%;height:100%;display:block}.screenshot-overlay{opacity:0;z-index:2;background:0 0;justify-content:center;align-items:center;transition:all .23s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;inset:0}.screenshot-overlay .expand-icon{color:#fff;-webkit-backdrop-filter:blur();backdrop-filter:blur();background:#000000b3;justify-content:center;align-items:center;width:100%;height:100%;font-size:24px;display:flex}.screenshot-item:hover .screenshot-overlay{opacity:1;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-md);max-width:80vw;max-height:80vh;position:relative;overflow:hidden}.modal-content img{object-fit:contain;width:100%;height:auto;max-height:80vh}.modal-media iframe,.modal-media video{background:#000;border:none!important;border-radius:8px!important;width:90vw!important;max-width:1280px!important;height:90vh!important;max-height:720px!important}.modal-media img{object-fit:contain;border-radius:8px}.close{color:#fff;cursor:pointer;border-radius:var(--radius-circle);background:#00000080;justify-content:center;align-items:center;width:40px;height:40px;font-size:30px;font-weight:700;display:none;position:absolute;top:10px;right:10px}.close:hover{background:#02041b}.project-section{margin-top:35px}.project-section h2{color:#fff;border-bottom:2px solid #3a3a3a;margin-bottom:18px;padding-bottom:10px;font-size:1.7em}@media (width<=600px){.project-header{text-align:center;flex-direction:column}.project-title h1{font-size:1.9em}.container{padding:20px}}