:root{--bg:#0a0a0a;--text:#e0e0e0;--accent:#505050;--muted:#666}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,sans-serif}.noise-overlay{opacity:.05;pointer-events:none;z-index:100;background:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}.brand{letter-spacing:-2px;font-size:clamp(2.5rem,12vw,5rem);font-weight:800;line-height:.9}.accent{-webkit-text-stroke:1px var(--text);color:#0000}.tagline{color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;font-size:.75rem}.hero{flex-direction:column;justify-content:space-between;height:100vh;padding:8vh 8vw;display:flex;overflow:hidden}.main-nav{flex-direction:column;gap:1rem;margin:2rem 0;display:flex}.nav-item{color:var(--text);align-items:baseline;gap:.8rem;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex}.nav-item:hover{color:var(--accent);transform:translate(15px)}.nav-item .number{color:var(--muted);font-family:monospace;font-size:.7rem}.nav-item .label{text-transform:uppercase;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:500}footer{border-top:1px solid #222;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.social-links{flex-wrap:wrap;gap:1.5rem;display:flex}.social-links a{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;text-decoration:none;transition:all .3s}.social-links a:hover{color:var(--accent)}.email-link{font-weight:600;color:var(--text)!important}@media (max-width:768px){footer{flex-direction:column;align-items:flex-start}}.subpage-layout{flex-direction:column;min-height:100vh;padding:6vh 8vw;display:flex}.back-nav{margin-bottom:3rem}.back-link{color:var(--muted);letter-spacing:1px;font-size:.8rem;text-decoration:none}.content-body{max-width:700px;margin-top:2rem}.description{color:var(--muted);font-size:clamp(1.1rem,4vw,1.3rem)}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{color:var(--text);background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;flex-direction:column;gap:.5rem;padding:2rem;text-decoration:none;transition:all .4s cubic-bezier(.23,1,.32,1);display:flex}.project-card:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-5px)}.project-card h3{letter-spacing:1px;color:var(--text);margin:0;font-size:1.2rem;font-weight:500}.project-card p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.upload-area{text-align:center;background:#ffffff05;border:2px dashed #fff3;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;transition:all .3s;display:flex}.upload-area.dragging{border-color:var(--text);background:#ffffff0d;transform:scale(1.02)}.upload-icon{color:var(--muted);margin-bottom:1rem}.upload-area h3{margin:0;font-size:1.5rem;font-weight:500}.upload-area p{color:var(--muted);margin:0}.upload-btn{background:var(--text);color:var(--bg);cursor:pointer;border-radius:30px;margin-top:1rem;padding:.8rem 2rem;font-weight:600;transition:transform .2s,opacity .2s;display:inline-block}.upload-btn:hover{opacity:.9;transform:translateY(-2px)}.processing-area,.completed-area{text-align:left;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;align-items:center;padding:3rem 2rem;display:flex}.processing-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:2rem;display:flex}.file-name{margin:0;font-size:1.2rem;font-weight:500}.status-text{color:var(--accent);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600}.progress-bar-container{background:#ffffff1a;border-radius:4px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--text);border-radius:4px;height:100%;transition:width .3s}.processing-pulse{animation:2s ease-in-out infinite indeterminatePulse}@keyframes indeterminatePulse{0%{opacity:.5;width:50%;transform:translate(-100%)}50%{opacity:1}to{opacity:.5;width:50%;transform:translate(200%)}}.completed-area{text-align:center}.success-icon{color:#4caf50;margin-bottom:1.5rem}.completed-area h3{margin:0 0 1rem;font-size:1.8rem}.success-text{color:var(--muted);font-size:1.1rem}.download-btn{background:var(--text);color:var(--bg);cursor:pointer;border:none;border-radius:30px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:transform .2s}.download-btn:hover{transform:translateY(-2px)}.secondary-btn{color:var(--text);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:30px;padding:1rem 2rem;font-size:1rem;transition:all .2s}.secondary-btn:hover{border-color:var(--text);background:#ffffff0d}.fade-in{animation:1s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.hero,.subpage-layout{padding:6vh 6vw}footer{flex-direction:column;align-items:flex-start;gap:1rem}}