.page-container{height:100vh;display:flex;align-items:center;justify-content:center}.sticky-header{display:flex;flex-direction:column;gap:16px}.project-page{max-width:900px;margin:40px auto;padding:24px;z-index:10;position:relative;border-radius:20px;box-shadow:0 12px 32px rgba(0,0,0,.3);background:rgba(0,0,0,.6);max-height:90vh;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;gap:24px;.project-desciption{font-size:16px;line-height:1.6;margin:0;color:#dcdcdc;font-family:monospace}.project-title{display:flex;justify-content:space-between;gap:16px;align-items:center}}.content{padding:0 24px 24px;display:flex;flex-direction:column;gap:24px}.back-button{width:max-content;padding:8px 22px;border:none;font-size:15px;border-radius:12px;font-weight:600;text-decoration:none;transition:background .3s,transform .2s;display:inline-flex;box-shadow:0 4px 12px #0003;background:rgba(255,255,255,.2);font-family:monospace;cursor:pointer;color:#f0f0f0}.back-button:hover{background:rgba(255,182,193,.8)}.project-title{color:rgb(255,182,193,.9);text-align:left;border-bottom:1px solid #444;margin:0;padding-bottom:2px;font-family:monospace;font-size:33px}.project-info{display:flex;flex-direction:column;gap:8px}.project-role{font-size:14px;font-style:italic;margin-top:3px;color:lightpink}.project-tasks{font-size:14px;list-style:none;padding:12px 12px 24px;display:flex;flex-direction:column;gap:8px;margin:0}.project-tasks span{color:rgb(221,221,221,.9);font-size:14px;line-height:1.5;position:relative;font-family:monospace}.links{display:flex;gap:24px;a{color:#ccc;text-decoration:none;font-size:18px;transition:all .2s ease}a:hover{color:rgb(255,182,193,.9)}}.project-tech{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.project-technology{background:#1e1e1e;border:1px solid #444;border-radius:6px;padding:4px 10px;font-family:monospace;font-size:13px;cursor:default;color:#f0f0f0;transition:all .2s ease}.project-technology:hover{background:#2e2e2e;border-color:#666}@media (max-width:767px){body,html{height:100%}.sticky-header{display:flex;flex-direction:column;gap:16px;position:sticky;top:0;z-index:10;padding:16px 16px 0;background:#12121246;backdrop-filter:blur(10px)}.page-container{overflow:hidden;height:100%}.project-page{max-height:unset;height:100%;overflow:scroll;box-sizing:border-box;padding:0;border-radius:0;margin:0;gap:20px;.project-title{font-size:28px}}}