@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#1a1918;--surface-color:#242220;--surface-hover:#2e2b29;--text-primary:#f0ebe1;--text-secondary:#a8a29e;--accent-color:#d98a6c;--accent-hover:#e6a87c;--border-color:#383431;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--transition-fast:.15s ease-in-out;--transition-normal:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:clip}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.container{max-width:1100px;margin:0 auto;padding:0 2rem}section{padding:2rem 0}@media (width<=768px){section{padding:4rem 0}}.heading-1{letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1}.heading-2{letter-spacing:-.05em;color:var(--text-secondary);font-size:clamp(2rem,4vw,2.5rem);font-weight:600;line-height:1.1}.heading-3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.text-subtle{color:var(--text-secondary);font-size:1.125rem}.accent-text{color:var(--accent-color)}html{scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--surface-color)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border:3px solid var(--surface-color);transition:background-color var(--transition-fast);border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-hover)}::-webkit-scrollbar-corner{background:var(--surface-color)}.device-frame{box-sizing:border-box;display:inline-block}.device-frame .device-shell{box-sizing:border-box;justify-content:center;align-items:center;display:flex;position:relative}.device-frame.phone{border-radius:var(--df-frame-radius,20px);width:120px;height:240px;padding:var(--df-frame-padding,8px);box-sizing:border-box}.device-frame.phone .device-shell{border-radius:var(--df-shell-radius,14px);border:var(--df-shell-border,4px) solid #111217;background:linear-gradient(#0b1220 0%,#0e1724 100%);overflow:hidden;box-shadow:0 8px 30px #00000073}.device-frame.phone .device-screen{border-radius:var(--df-screen-radius,10px);width:100%;height:100%;display:block;overflow:hidden}.device-frame.laptop{border-radius:var(--df-frame-radius,12px);padding:var(--df-frame-padding,10px);box-sizing:border-box}.device-frame.laptop .device-shell,.device-frame.laptop.shell-as-root{border-radius:var(--df-shell-radius,10px);border:var(--df-shell-border,3px) solid #111217;background:#646464cc;position:relative;overflow:hidden;box-shadow:0 16px 40px #00000080}.device-frame.laptop.shell-as-root{position:relative;padding:0!important}.device-frame.laptop .laptop-hinge{top:var(--laptop-hinge-top,8px);left:var(--laptop-hinge-left,12px);right:var(--laptop-hinge-right,12px);height:var(--laptop-hinge-height,10px);border-radius:var(--laptop-hinge-radius,6px);opacity:.7;background:linear-gradient(90deg,#ffffff05,#ffffff03);position:absolute}.device-frame.laptop .device-screen{border-radius:var(--df-screen-radius,6px);width:100%;height:100%;display:block;overflow:hidden}.device-frame.laptop.shell-as-root .device-screen{border-radius:var(--df-screen-radius,6px);display:block;position:absolute;inset:0;overflow:hidden}.device-frame.laptop .laptop-notch{top:var(--laptop-notch-top,0);width:var(--laptop-notch-width,28px);height:var(--laptop-notch-height,5px);border-bottom-left-radius:var(--laptop-notch-radius,2px);border-bottom-right-radius:var(--laptop-notch-radius,2px);z-index:2;background:#111217;position:absolute;left:50%;transform:translate(-50%)}.device-frame.laptop .laptop-notch:after{content:"";top:var(--laptop-notch-dot-top,1px);width:var(--laptop-notch-dot-size,2px);height:var(--laptop-notch-dot-size,2px);background:#fff3;border-radius:50%;position:absolute;left:50%;transform:translate(-50%)}.device-screen img,.device-screen video{object-fit:cover;width:100%;height:100%;display:block}.device-frame.laptop.shell-as-root .device-screen img,.device-frame.laptop.shell-as-root .device-screen video{object-fit:fill;object-position:center center;background:#000}.device-screen{position:relative}.device-overlay{z-index:3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.device-overlay-label{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;border-radius:999px;padding:10px 18px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #00000040}.device-frame:not(.hover-disabled):hover .device-screen img,.device-frame:not(.hover-disabled):hover .device-screen video{filter:blur(6px)saturate(.95);transition:filter .18s,transform .18s;transform:scale(1.01)}.device-frame:not(.hover-disabled):hover .device-overlay{pointer-events:auto}.device-frame.animating .device-shell,.device-frame.animating .device-screen{overflow:visible!important}@media (width<=640px){.device-frame.laptop.shell-as-root{width:auto!important;max-width:92%!important;height:auto!important}.device-frame.laptop.shell-as-root .device-screen{height:auto!important;position:static!important}.device-frame .device-screen img,.device-frame .device-screen video{object-fit:contain;max-width:100%;height:auto!important}}.other-projects-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.other-card{background:var(--surface-color);border:1px solid var(--border-color);z-index:2;border-radius:12px;flex-direction:column;padding:1rem;transition:transform .18s,box-shadow .18s;display:flex;position:relative;box-shadow:0 6px 18px #0000000f}.other-card:focus,.other-card:hover{outline:none;transform:translateY(-4px);box-shadow:0 12px 30px #0000001f}.other-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.other-card-title{align-items:center;gap:.75rem;display:flex}.project-icon{object-fit:contain;border-radius:6px;flex-shrink:0;width:28px;height:28px}.other-title{margin:0;font-size:1rem}.other-type{text-align:center;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:999px;padding:.2rem .45rem;font-size:.75rem}.other-desc{color:#ffffffbf;margin:.65rem 0;font-size:.95rem}.other-meta{align-items:center;gap:.5rem;margin-top:auto;display:flex}.other-badge{background:#1eb48c1f;border:1px solid #1eb48c38;border-radius:999px;padding:.3rem .6rem;font-size:.8rem}.other-link{color:var(--accent-color);margin-left:auto;font-weight:600;text-decoration:none}.other-screenshots{height:180px;margin-top:.75rem;margin-bottom:.6rem;padding-bottom:40px;position:relative;overflow:visible}.other-screenshot{display:block}.other-screenshot-laptop{z-index:1;position:absolute;bottom:-12px;left:16%}.other-screenshot-phone{z-index:2;position:absolute;bottom:-18px;left:56%}.other-screenshot img{object-fit:cover;border-radius:8px;width:100%;height:100%}@media (width<=640px){.other-projects-grid{grid-template-columns:1fr;gap:.75rem}.other-screenshots{height:auto;margin-bottom:.6rem;padding-bottom:12px;display:block;position:relative;overflow:visible}.other-screenshots>div{justify-content:center;align-items:center;gap:10px;display:flex;position:static;left:auto;transform:none}.other-screenshot-laptop,.other-screenshot-phone{z-index:1;position:relative;bottom:auto;left:auto;transform:none}}.tech-icons{align-items:center;gap:.4rem;margin-left:.5rem;display:inline-flex}.tech-icon{color:#6b7280;text-transform:uppercase;background:0 0;border:1px solid #6b72801f;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:inline-flex}.other-github{color:#1f2937;background:#6b728024;border:1px solid #6b72803d;border-radius:9999px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:.4rem;padding:4px;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s,color .12s;display:inline-flex;box-shadow:0 8px 18px #10182812}.other-github:hover,.other-github:focus{background:#6b728033;transform:translateY(-2px)scale(1.03);box-shadow:0 14px 34px #10182824}@media (width>=900px){.other-projects-grid{grid-template-columns:repeat(2,minmax(220px,1fr));justify-content:center;gap:1rem}}.App{flex-direction:column;min-height:100vh;display:flex}main{flex-direction:column;flex:1;gap:12rem;padding-bottom:8rem;display:flex}.glass-nav{z-index:50;-webkit-backdrop-filter:blur(4px);background-color:#1a19181a;border-radius:9999px;justify-content:center;gap:2.5rem;width:max-content;padding:.85rem 2.5rem;display:flex;position:fixed;top:1.5rem;left:50%}.social-nav{z-index:50;-webkit-backdrop-filter:blur(4px);background-color:#1a19181a;border-radius:9999px;justify-content:center;gap:1.5rem;width:max-content;padding:.85rem 1.5rem;display:flex;position:fixed;top:1.5rem;right:2rem}.social-nav a{color:var(--accent-color);transition:color var(--transition-fast), transform var(--transition-fast);align-items:center;display:flex}.social-nav a:hover{transform:translateY(-2px);color:var(--accent-hover)!important}@media (width<=768px){.social-nav{display:none}}.glass-nav a{transition:color var(--transition-fast);font-size:.95rem;font-weight:500}.glass-nav a:hover{color:var(--text-primary)!important}html{scroll-behavior:smooth;scroll-padding-top:80px}