@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&family=Outfit:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,400;1,600&family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Syne:wght@600;700;800&display=swap);:root,[data-theme=dark]{--font-display:"Syne","Outfit",-apple-system,sans-serif;--font-heading:"Outfit",sans-serif;--font-body:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",monospace;--font-editorial:"Playfair Display",Georgia,serif;--font-size-hero:clamp(2.75rem,6.5vw,5.5rem);--font-size-title-1:clamp(2.2rem,4.5vw,3.8rem);--font-size-title-2:clamp(1.6rem,3vw,2.5rem);--font-size-title-3:clamp(1.25rem,2vw,1.75rem);--font-size-body:clamp(0.938rem,1.1vw,1.063rem);--font-size-body-sm:0.875rem;--font-size-caption:0.775rem;--font-size-mono:0.813rem;--line-height-tight:1.1;--line-height-heading:1.25;--line-height-body:1.65;--line-height-editorial:1.45;--bg-dark:#080a0f;--bg-surface:#0e121b;--bg-card:#10151fbf;--bg-card-hover:#161d2be0;--bg-glass:#0e121ba6;--border-subtle:#ffffff12;--border-medium:#ffffff24;--border-accent:#d4a35959;--border-blueprint:#38bdf82e;--text-main:#f3f4f6;--text-muted:#9ca3af;--text-dim:#6b7280;--text-inverse:#080a0f;--accent-gold:#d4a359;--accent-gold-glow:#d4a35926;--accent-blue:#38bdf8;--accent-emerald:#10b981;--accent-red:#f43f5e;--nav-bg:#080a0fd1;--badge-bg:#d4a35914;--badge-border:#d4a35938;--code-bg:#0b0e14;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--section-padding-y:clamp(4rem,10vw,8rem);--section-gap:clamp(3rem,6vw,6rem);--max-width-narrow:680px;--max-width-editorial:880px;--max-width-wide:1200px;--max-width-full:100%;--z-back:-10;--z-grid:1;--z-content:10;--z-sticky:100;--z-nav:1000;--z-modal:2000;--duration-fast:0.2s;--duration-base:0.4s;--duration-slow:0.8s;--duration-cinematic:1.2s;--ease-out-editorial:cubic-bezier(0.16,1,0.3,1);--ease-in-out-editorial:cubic-bezier(0.65,0,0.35,1);--ease-subtle:cubic-bezier(0.25,1,0.5,1)}[data-theme=light]{--bg-dark:#f6f6f4;--bg-surface:#fff;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-glass:#f6f6f4d1;--border-subtle:#00000014;--border-medium:#00000029;--border-accent:#b4823266;--border-blueprint:#0284c740;--text-main:#111827;--text-muted:#4b5563;--text-dim:#6b7280;--text-inverse:#fff;--accent-gold:#b48232;--accent-gold-glow:#b482321f;--accent-blue:#0284c7;--accent-emerald:#059669;--nav-bg:#f6f6f4d9;--badge-bg:#b4823214;--badge-border:#b4823240;--code-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#080a0f;background-color:var(--bg-dark);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:clamp(.938rem,1.1vw,1.063rem);font-size:var(--font-size-body);line-height:1.65;line-height:var(--line-height-body);margin:0;overflow-x:hidden;transition:background-color .4s cubic-bezier(.25,1,.5,1),color .4s cubic-bezier(.25,1,.5,1);transition:background-color var(--duration-base) var(--ease-subtle),color var(--duration-base) var(--ease-subtle)}body,h1,h2,h3,h4,h5,h6{color:#f3f4f6;color:var(--text-main)}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-family:var(--font-heading);letter-spacing:-.02em}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#080a0fe6}::-webkit-scrollbar-thumb{background:#d4a3598c;border:2px solid #080a0f99;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#d4a359;background:var(--accent-gold);border-color:#0000}*{scrollbar-color:#d4a3598c #080a0fe6;scrollbar-width:thin}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:480px){*{-webkit-tap-highlight-color:transparent}html{-webkit-overflow-scrolling:touch}body{font-size:15px}.App,main{max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{display:none}}.App{display:flex;flex-direction:column;min-height:100vh;position:relative;z-index:1}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#121722e0;border:1px solid #d4a35959;border-radius:99px;box-shadow:0 10px 35px #00000080,0 0 20px #d4a3591f;left:50%;max-width:1050px;position:fixed;top:.85rem;transform:translateX(-50%);transition:max-width .48s cubic-bezier(.16,1,.3,1),background .3s ease,border-color .3s ease,box-shadow .3s ease;width:92%;will-change:max-width;z-index:1000}.navbar--scrolled{background:#0e121cf5;border-color:#d4a3598c;box-shadow:0 8px 30px #000000a6,0 0 25px #d4a3592e}.navbar--collapsed{border-color:#d4a35999;box-shadow:0 8px 30px #000000b3,0 0 20px #d4a35940;cursor:pointer;max-width:270px}.navbar--collapsed:hover{border-color:#d4a359d9;box-shadow:0 10px 35px #000c,0 0 28px #d4a35959}.nav-container{justify-content:space-between;overflow:hidden;padding:.6rem 1.5rem}.logo,.nav-container{align-items:center;display:flex}.logo{cursor:pointer;flex-shrink:0;font-family:var(--font-display);font-size:1.15rem;font-weight:700;gap:.5rem;letter-spacing:-.01em;white-space:nowrap}.logo,.logo-text{color:#f3f4f6}.logo-gold,.logo-icon{color:#d4a359;color:var(--accent-gold,#d4a359)}.logo-icon{flex-shrink:0;font-size:1.1rem}.nav-right-wrapper{align-items:center;display:flex;position:relative}.nav-right-group{align-items:center;display:flex;gap:.5rem;max-width:650px;opacity:1;transform:translateX(0) scale(1);transition:opacity .35s ease,max-width .45s cubic-bezier(.16,1,.3,1),transform .35s ease;will-change:opacity,max-width,transform}.nav-right-group--hidden{max-width:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateX(12px) scale(.92)}.nav-menu{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:99px;display:flex;gap:.25rem;list-style:none;padding:.25rem}.nav-menu button{background:#0000;border:none;border-radius:99px;color:#d1d5db;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.45rem 1.1rem;transition:all .25s ease;white-space:nowrap}.nav-menu button:hover{background:#ffffff24;color:#fff}.nav-menu button.active{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:0 4px 15px #3b82f64d;color:#fff}.nav-resume-btn{align-items:center;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:99px;color:var(--accent-primary);display:inline-flex;font-family:var(--font-body);font-size:.825rem;font-weight:600;gap:.35rem;padding:.45rem .9rem;text-decoration:none;transition:all .25s ease;white-space:nowrap}.nav-resume-btn:hover{background:var(--accent-primary);box-shadow:0 4px 12px #3b82f64d;color:#fff;transform:translateY(-1px)}.nav-collapsed-btn{align-items:center;background:#d4a35924;border:1px solid #d4a35973;border-radius:99px;color:#d4a359;color:var(--accent-gold,#d4a359);cursor:pointer;display:flex;font-size:.72rem;font-weight:700;gap:.4rem;letter-spacing:.12em;margin-left:.75rem;max-width:0;opacity:0;overflow:hidden;padding:.35rem .85rem;pointer-events:none;transform:scale(.85);transition:opacity .35s ease,max-width .45s cubic-bezier(.16,1,.3,1),transform .35s ease,background .25s ease,border-color .25s ease;will-change:opacity,max-width,transform}.nav-collapsed-btn--visible{max-width:120px;opacity:1;pointer-events:auto;transform:scale(1)}.nav-collapsed-btn:hover{background:#d4a35947;border-color:#d4a359cc;color:#fff}.nav-close-btn{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;height:32px;justify-content:center;margin-left:.35rem;transition:all .2s ease;width:32px}.nav-close-btn:hover{background:#ef444440;border-color:#ef444480;color:#fff}.scroll-to-top-btn{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0e121ceb;border:1px solid #d4a35966;border-radius:99px;bottom:2rem;box-shadow:0 8px 30px #0009,0 0 20px #d4a35926;color:#d4a359;color:var(--accent-gold,#d4a359);cursor:pointer;display:flex;gap:.4rem;opacity:0;padding:.6rem 1rem;pointer-events:none;position:fixed;right:2rem;transform:translateY(20px);transition:all .3s cubic-bezier(.16,1,.3,1);z-index:999}.scroll-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top-btn:hover{background:#d4a35933;border-color:#d4a359d9;box-shadow:0 12px 35px #000000bf,0 0 30px #d4a35959;color:#fff;transform:translateY(-3px)}.scroll-top-icon{font-size:1.1rem}.scroll-top-text{font-size:.7rem;font-weight:700;letter-spacing:.14em}.theme-toggle-btn{align-items:center;background:#94a3b81a;border:1px solid var(--border-glass);border-radius:50%;color:var(--text-main);cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:38px;justify-content:center;transition:all .25s ease;width:38px}.theme-toggle-btn:hover{background:#3b82f633;border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(15deg)}.main-content--cinematic{flex:1 1;overflow-x:hidden;width:100%}.section-badge{align-items:center;background:var(--badge-bg);border:1px solid var(--badge-border);border-radius:99px;color:var(--accent-primary);display:inline-flex;font-size:.825rem;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.35rem .9rem}.badge-icon{color:var(--accent-secondary);font-size:.95rem}.section-title{color:var(--text-main);font-size:2.3rem;font-weight:700;line-height:1.25;margin-bottom:.75rem}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);-webkit-background-clip:text}.section-subtitle{color:var(--text-muted);font-size:.975rem;line-height:1.6;margin-bottom:2.25rem;max-width:680px}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--bg-card);border:1px solid var(--border-glass);border-radius:20px;box-shadow:0 10px 30px #00000014;padding:1.75rem;transition:border-color .3s ease,box-shadow .3s ease}.glass-card:hover{border-color:var(--border-glass-hover);box-shadow:0 15px 35px #3b82f626}.btn{align-items:center;border:none;border-radius:99px;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:.9rem;font-weight:600;gap:.6rem;padding:.75rem 1.6rem;text-decoration:none;transition:all .25s ease}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0,var(--accent-secondary) 100%);box-shadow:0 8px 20px #3b82f64d;color:#fff}.btn-primary:hover{box-shadow:0 12px 25px #3b82f673;transform:translateY(-2px)}.btn-secondary{background:#94a3b814;border:1px solid var(--border-glass);color:var(--text-main)}.btn-secondary:hover{background:#94a3b829;border-color:var(--border-glass-hover);transform:translateY(-2px)}.footer{border-top:1px solid var(--border-subtle);color:var(--text-dim);font-size:.85rem;padding:2rem 1.5rem;position:relative;text-align:center;z-index:10}.mobile-topbar{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#080a0fe0;border-bottom:1px solid #d4a3591f;left:0;position:fixed;right:0;top:0;z-index:1000}.mobile-topbar-inner{align-items:center;display:flex;justify-content:space-between;max-width:100%;padding:.75rem 1.25rem}.mobile-logo{color:#f3f4f6;color:var(--text-main,#f3f4f6);cursor:pointer;display:flex;font-family:var(--font-heading);font-size:1rem;gap:.5rem;-webkit-user-select:none;user-select:none}.mobile-logo,.mobile-resume-btn{align-items:center;font-weight:700}.mobile-resume-btn{background:#d4a3591f;border:1px solid #d4a35966;border-radius:99px;color:#d4a359;color:var(--accent-gold,#d4a359);display:inline-flex;font-size:.72rem;gap:.3rem;letter-spacing:.1em;padding:.4rem .85rem;text-decoration:none;transition:background .2s ease,border-color .2s ease}.mobile-resume-btn:hover{background:#d4a35940;border-color:#d4a359b3}.mobile-bottom-nav{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#080a0ff0;border-top:1px solid #ffffff14;bottom:0;display:flex;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:1000}.mobile-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;color:#9ca3afa6;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.25rem;justify-content:center;min-height:60px;padding:.75rem .5rem .65rem;transition:color .2s ease}.mobile-tab:active{background:#d4a3590f}.mobile-tab--active{color:#d4a359;color:var(--accent-gold,#d4a359)}.mobile-tab-icon{flex-shrink:0;height:22px;width:22px}.mobile-tab-label{font-family:JetBrains Mono,monospace;font-family:var(--font-mono,"JetBrains Mono",monospace);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.mobile-tab--active .mobile-tab-icon{filter:drop-shadow(0 0 6px rgba(212,163,89,.7))}@media (max-width:768px){.main-content--cinematic{padding-bottom:calc(64px + env(safe-area-inset-bottom, 0px));padding-top:56px}}.font-display{font-family:var(--font-display)}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-editorial{font-family:var(--font-editorial);font-style:italic}.container-editorial{max-width:var(--max-width-editorial)}.container-editorial,.container-wide{margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4);width:100%}.container-wide{max-width:var(--max-width-wide)}.container-narrow{margin-left:auto;margin-right:auto;max-width:var(--max-width-narrow);padding-left:var(--space-4);padding-right:var(--space-4);width:100%}.section-padding{padding-bottom:var(--section-padding-y);padding-top:var(--section-padding-y)}.btn-editorial{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-mono);font-size:var(--font-size-caption);font-weight:600;gap:var(--space-2);letter-spacing:.1em;padding:var(--space-3) var(--space-6);text-decoration:none;text-transform:uppercase;transition:transform var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn-editorial-primary{background-color:var(--accent-gold);border:1px solid var(--accent-gold);color:#080a0f}.btn-editorial-primary:hover{background-color:var(--accent-gold-hover);border-color:var(--accent-gold-hover);box-shadow:0 6px 16px #d4a35940;transform:translateY(-2px)}.btn-editorial-secondary{background-color:initial;border:1px solid var(--border-medium);color:var(--text-main)}.btn-editorial-secondary:hover{background-color:#ffffff0d;border-color:var(--accent-gold);color:var(--accent-gold);transform:translateY(-2px)}.btn-editorial:focus-visible{outline:2px solid var(--accent-gold);outline-offset:3px}.editorial-accent-text{color:var(--accent-gold);font-weight:400}.editorial-accent-text,.editorial-quote{font-family:var(--font-accent);font-style:italic}.editorial-quote{border-left:2px solid var(--accent-gold);color:var(--text-main);font-size:clamp(1.1rem,2.5vw,1.4rem);line-height:var(--line-height-body);margin:var(--space-6) 0;padding-left:var(--space-4)}.editorial-card{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:12px;padding:var(--space-6);position:relative;transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.editorial-card:hover{border-color:var(--border-medium);box-shadow:0 10px 24px #00000026;transform:translateY(-3px)}.editorial-card-technical{border-left:3px solid var(--accent-blue)}.editorial-card-featured{background:linear-gradient(135deg,var(--bg-surface) 0,#d4a3590a 100%);border:1px solid var(--border-accent)}.editorial-card-minimal{background-color:initial;border-color:#0000;padding:var(--space-4) 0}.tech-badge{align-items:center;background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:4px;color:var(--accent-gold);display:inline-flex;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;padding:.2rem .6rem}
/*# sourceMappingURL=main.2b58a2e3.css.map*/