.project-page{min-height:calc(100vh - 200px);padding-top:100px}.hero-section{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);padding:80px 0 60px}.hero-content{text-align:center;max-width:800px;margin:0 auto}.category{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:.875rem;font-weight:600}.title{color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,4rem)}.description{color:var(--text-secondary);margin-bottom:32px;font-size:1.125rem;line-height:1.6}.tech-stack{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.tech-tag{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:100px;padding:6px 16px;font-size:.875rem}.actions{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.btn{border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--text-primary);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{color:var(--text-primary);border:1px solid var(--text-primary);background-color:#0000}.btn-secondary:hover{border-color:var(--text-primary);background-color:var(--bg-secondary);transform:translateY(-2px)}.tabs-section{background-color:var(--bg-primary);padding:60px 0 100px}.tabs-container{max-width:900px;margin:0 auto}.tabs-header{border-bottom:1px solid var(--border-color);scrollbar-width:none;margin-bottom:40px;display:flex;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:16px 24px;font-size:1rem;font-weight:600;text-decoration:none;transition:color .3s;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--text-primary)}.tab-btn:after{content:"";background-color:#fff;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.tab-btn.active:after{transform:scaleX(1)}.tabs-content{min-height:400px}.tab-pane{animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-pane h2{color:var(--text-primary);margin-bottom:24px;font-size:2rem}.tab-pane h3{color:var(--text-primary);margin-top:36px;margin-bottom:16px;font-size:1.35rem}.tab-pane h4{color:var(--text-primary);margin-top:24px;margin-bottom:12px;font-size:1.15rem}.tab-pane p{color:var(--text-secondary);margin-bottom:20px;font-size:1.05rem;line-height:1.7}.tab-pane ul{color:var(--text-secondary);margin-bottom:20px;padding-left:20px;font-size:1.05rem;line-height:1.7}.tab-pane li{margin-bottom:8px}.tab-pane a{color:#3b82f6;text-decoration:none}.tab-pane a:hover{text-decoration:underline}.tab-pane pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:12px;margin-bottom:24px;padding:16px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;line-height:1.5;overflow-x:auto}.tab-pane code{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.tab-pane pre code{background-color:#0000;border:none;padding:0;font-size:.875rem}.project-image-showcase{border:1px solid var(--border-color);border-radius:16px;margin:40px 0;overflow:hidden}.showcase-img{width:100%;height:auto;display:block}.release-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:24px;padding:24px}.release-header{border-bottom:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.release-header h3{margin:0}.release-date{color:var(--text-muted);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:100px;padding:4px 12px;font-size:.9rem}
