.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 2rem 0;pointer-events:none}.navbar .nav-logo{position:absolute;left:2rem;top:1.5rem;display:flex;align-items:center;pointer-events:all}.nav-tag-img{height:56px;width:auto;object-fit:contain}.nav-pill{position:relative;display:flex;align-items:center;background:#0f0f0fbf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.3rem;gap:0;pointer-events:all;margin-top:.5rem}.pill-indicator{position:absolute;top:.3rem;height:calc(100% - .6rem);background:#ffffff1f;border-radius:999px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),opacity .2s;pointer-events:none}.pill-indicator.hidden{opacity:0}.pill-link{position:relative;z-index:1;color:var(--text-muted);font-size:.85rem;font-weight:500;padding:.45rem 1.1rem;border-radius:999px;white-space:nowrap;transition:color .2s}.pill-link:hover,.pill-link.active{color:var(--text)}.pill-cta{background:#fff;color:#080808!important;font-weight:600;margin-left:.2rem;transition:background .2s}.pill-cta:hover{background:#d1d5db!important;color:#080808!important}@media (max-width: 640px){.nav-pill{display:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 2rem}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grid-overlay{display:none}.hero-orb{position:absolute;border-radius:50%;opacity:.55;will-change:transform}.hero-content{position:relative;max-width:720px;text-align:center;z-index:1;-webkit-user-select:none;user-select:none;pointer-events:none}.hero-tag{display:inline-block;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:var(--accent3);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .9rem;border-radius:999px;margin-bottom:1.5rem}.hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin-bottom:1.25rem}.gradient-text{background:linear-gradient(135deg,#fff,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:1.05rem;color:var(--text-muted);max-width:520px;margin:0 auto 2.5rem;line-height:1.7}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;pointer-events:all}.btn-primary{background:#fff;color:#080808;padding:.75rem 1.75rem;border-radius:8px;font-weight:600;font-size:.95rem;transition:background .2s,box-shadow .2s,transform .15s}.btn-primary:hover{background:#d1d5db;box-shadow:0 0 24px #ffffff26;transform:translateY(-1px)}.btn-ghost{border:1px solid rgba(255,255,255,.35);color:var(--text);padding:.75rem 1.75rem;border-radius:8px;font-weight:500;font-size:.95rem;transition:border-color .2s,background .2s}.btn-ghost:hover{border-color:#ffffffb3;background:#ffffff0f}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-indicator span{display:block;width:20px;height:32px;border:2px solid rgba(255,255,255,.2);border-radius:999px;position:relative}.scroll-indicator span:after{content:"";position:absolute;top:5px;left:50%;transform:translate(-50%);width:3px;height:8px;background:var(--accent2);border-radius:2px;animation:scroll-dot 2s ease-in-out infinite}@keyframes scroll-dot{0%{top:5px;opacity:1}to{top:16px;opacity:0}}.about{padding:7rem 2rem;background:var(--bg)}.container{max-width:1100px;margin:0 auto}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent2);margin-bottom:.75rem}.section-title{font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1.2;margin-bottom:1.5rem}.about-text p{color:var(--text-muted);margin-bottom:1rem;line-height:1.75}.about-stats{display:flex;gap:2rem;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.stat{display:flex;flex-direction:column}.stat-num{font-size:1.8rem;font-weight:700;color:var(--accent3);line-height:1;margin-bottom:.25rem}.stat-label{font-size:.8rem;color:var(--text-muted)}.code-block{background:var(--bg2);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 0 40px #ffffff0a}.code-header{display:flex;align-items:center;gap:6px;padding:.75rem 1rem;background:var(--bg3);border-bottom:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f57}.dot.yellow{background:#febc2e}.dot.green{background:#28c840}.code-tabs{display:flex;margin-left:auto;gap:2px}.code-tab{background:transparent;border:none;color:var(--text-muted);font-size:.78rem;font-weight:500;padding:.25rem .75rem;border-radius:4px;transition:background .2s,color .2s}.code-tab:hover{color:var(--text)}.code-tab.active{background:#ffffff1a;color:var(--text)}.code-block pre{padding:1.5rem;overflow-x:auto}.code-block code{font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.7;color:#cdd6f4}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:2.5rem}}.skills{padding:7rem 2rem;background:var(--bg2)}.section-header{text-align:center;margin-bottom:4rem}.skills-relevant{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.skill-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:1.75rem;transition:border-color .25s,box-shadow .25s}.skill-card:hover{border-color:#fff3;box-shadow:0 0 30px #ffffff0a}.skill-card--deps{display:flex;flex-direction:column}.skill-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.skill-icon{font-size:1.3rem;color:var(--accent2)}.skill-card-header h3{font-size:1rem;font-weight:600;color:var(--text)}.dep-search{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;font-size:.82rem;color:var(--text);font-family:Inter,sans-serif;outline:none;margin-bottom:1rem;transition:border-color .2s;width:100%}.dep-search::placeholder{color:#333}.dep-search:focus{border-color:#ffffff40}.skill-list{display:flex;flex-direction:column;gap:.9rem}.skill-list--scroll{max-height:220px;overflow-y:auto;padding-right:.25rem}.skill-list--scroll::-webkit-scrollbar{width:2px}.skill-list--scroll::-webkit-scrollbar-track{background:transparent}.skill-list--scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}.skill-list--scroll::-webkit-scrollbar-thumb:hover{background:#fff3}.skill-item{display:flex;align-items:center;gap:.6rem}.skill-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent2);flex-shrink:0}.skill-name{font-size:.88rem;color:var(--text-muted)}.dep-empty{font-size:.82rem;color:#333;font-style:italic}@media (max-width: 900px){.skills-grid{grid-template-columns:1fr 1fr}}@media (max-width: 580px){.skills-grid{grid-template-columns:1fr}}.projects{padding:7rem 2rem;background:var(--bg)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.75rem}.project-card{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.project-card:hover{border-color:#fff3;transform:translateY(-3px);box-shadow:0 8px 32px #0006}.project-accent{position:absolute;top:0;left:0;right:0;height:3px;opacity:.7}.project-video{width:100%;aspect-ratio:16 / 9;background:var(--bg3);overflow:hidden}.project-video iframe{width:100%;height:100%;border:none;display:block}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg3);border-bottom:1px solid var(--border)}.video-placeholder span{font-size:.8rem;color:#333;font-family:JetBrains Mono,monospace}.project-body{padding:1.5rem}.project-title{font-size:1.05rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.project-desc{font-size:.85rem;color:var(--text-muted);line-height:1.65}@media (max-width: 700px){.projects-grid{grid-template-columns:1fr}}.contact{padding:7rem 2rem;background:var(--bg2)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.contact-desc{color:var(--text-muted);line-height:1.75;margin-bottom:2rem}.contact-channels{display:flex;flex-direction:column;gap:1rem}.channel{display:flex;align-items:center;gap:1rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.channel-icon{font-size:1.3rem}.channel-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.15rem}.channel-value{font-size:.9rem;font-weight:500;color:var(--text);font-family:JetBrains Mono,monospace}.contact-form{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:2}.form-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;font-size:.88rem}.form-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#86efac;padding:.75rem 1rem;border-radius:8px;font-size:.88rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;color:var(--text);font-family:Inter,sans-serif;outline:none;transition:border-color .2s;resize:vertical;pointer-events:auto;position:relative;z-index:2}.form-group input::placeholder,.form-group textarea::placeholder{color:#333}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.submit-btn{width:100%;padding:.85rem;font-size:.95rem;border:none;margin-top:.25rem}@media (max-width: 768px){.contact-inner{grid-template-columns:1fr;gap:3rem}}.footer{padding:2rem;border-top:1px solid var(--border)}.footer-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.8rem;color:var(--text-muted)}.footer-scroll a{font-size:.8rem;color:var(--accent3);transition:color .2s}.footer-scroll a:hover,.logo-bracket{color:var(--accent2)}.nav-logo{display:flex;align-items:center}.nav-tag-img{height:40px;width:auto;object-fit:contain}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--bg2: #0f0f0f;--bg3: #171717;--accent: #ffffff;--accent2: #d1d5db;--accent3: #9ca3af;--text: #f0f0f0;--text-muted: #6b7280;--border: #222222;--glow: rgba(255, 255, 255, .12)}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}section{position:relative}section>*{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}