:root{--bg:#eeeff4;--bg-card:#fff;--text:#0a0a0a;--text-muted:#555;--secondary:#ccc;--accent:#2563ff;--accent-hover:#1d50d6;--border:#0000001a;--border-hover:#0003;--font-mono:"JetBrains Mono", monospace;--font-display:"Syne Variable", sans-serif;--font-body:"DM Sans Variable", sans-serif}.dark{--bg:#111318;--bg-card:#1a1d24;--text:#f0f0f0;--text-muted:#888;--secondary:#333;--accent:#2563ff;--accent-hover:#1d50d6;--border:#ffffff1a;--border-hover:#fff3;--font-mono:"JetBrains Mono", monospace;--font-display:"Syne Variable", sans-serif;--font-body:"DM Sans Variable", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden}main{margin:0;padding:0}h1,h2,h3{font-family:var(--font-display)}body{background-color:var(--bg);width:100%;min-height:100vh;font-family:var(--font-body)}@media (width<=768px){.wrapper,.about-wrapper,.wpl2-wrapper,.wpl-wrapper,.contact-wrapper,.projects-wrapper,.timeline-wrapper{padding:2rem 1.5rem}}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-greek-wght-normal-5tOOQDeJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-ext-wght-normal-JjI8ZrW1.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-wght-normal-BVsvWWA4.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.header[data-v-07dece5a]{z-index:100;background-color:var(--bg);color:var(--text);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:fixed;top:0;left:0;right:0}.logo[data-v-07dece5a]{font-family:var(--font-display);font-weight:800}.header-right[data-v-07dece5a]{align-items:center;gap:1rem;display:flex}.page-content[data-v-07dece5a]{justify-content:center;width:100%;display:flex}.desktop-nav[data-v-07dece5a]{gap:1.5rem;display:flex}.nav-link[data-v-07dece5a]{color:var(--text);font-family:var(--font-body);font-weight:500;text-decoration:none;transition:color .3s}.nav-link[data-v-07dece5a]:hover{color:var(--accent)}.hamburger[data-v-07dece5a]{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:none}.hamburger span[data-v-07dece5a]{background:var(--text);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger.open span[data-v-07dece5a]:first-child{transform:translateY(7px)rotate(45deg)}.hamburger.open span[data-v-07dece5a]:nth-child(2){opacity:0}.hamburger.open span[data-v-07dece5a]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.mobile-menu[data-v-07dece5a]{background:var(--bg);z-index:99;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:64px 0 0}.mobile-menu.open[data-v-07dece5a]{opacity:1;pointer-events:all}.mobile-nav[data-v-07dece5a]{flex-direction:column;align-items:center;gap:2rem;display:flex}.mobile-link[data-v-07dece5a]{font-family:var(--font-display);color:var(--text);font-size:clamp(1.8rem,8vw,3rem);font-weight:800;text-decoration:none;transition:color .2s}.mobile-link[data-v-07dece5a]:hover{color:var(--accent)}.switch input[data-v-07dece5a]{opacity:0;width:0;height:0}.switch[data-v-07dece5a]{width:3.5em;height:2em;display:flex;position:relative}.slider[data-v-07dece5a]{cursor:pointer;background:var(--bg-card);border-radius:30px;position:absolute;inset:0}.slider[data-v-07dece5a]:before{content:"";background:linear-gradient(40deg,#ff0080,#ff8c00 70%);border-radius:20px;width:1.4em;height:1.4em;transition:all .4s;position:absolute;top:50%;left:.3em;transform:translateY(-50%)}input:checked+.slider[data-v-07dece5a]:before{background:#303136;transform:translate(1.5em,-50%);box-shadow:inset -3px -2px 5px -2px #8983f7,inset -10px -4px #a3dafb}.footer[data-v-07dece5a]{text-align:center;background-color:var(--bg);color:var(--text-muted);font-family:var(--font-body);padding:1rem;font-size:.9rem;position:relative}@media (width<=768px){.page-content[data-v-07dece5a]{display:block}.desktop-nav[data-v-07dece5a]{display:none}.hamburger[data-v-07dece5a]{display:flex}.header[data-v-07dece5a]{padding:1rem}.footer[data-v-07dece5a]{margin-top:4rem}.switch[data-v-07dece5a]{display:none}}@media (width>=769px) and (width<=1024px){.page-content[data-v-07dece5a]{display:block}}@media (width>=1024px) and (width<=1200px){.page-content[data-v-07dece5a]{display:block}}.section-label[data-v-48c1aa94]{font-family:var(--font-mono);color:var(--accent);letter-spacing:.1em;font-size:12px}.tech-section[data-v-6771685c]{max-width:1400px;margin:0 auto;padding:4rem 6rem}.tech-track-wrapper[data-v-6771685c]{width:100%;overflow:hidden;transform:rotate(-5deg)}.tech-track[data-v-6771685c]{will-change:transform;width:max-content;display:flex}.tech-set[data-v-6771685c]{gap:3rem;padding-right:3rem;display:flex}.tech-item[data-v-6771685c]{justify-content:center;align-items:center;display:flex}.tech-icon[data-v-6771685c]{opacity:.8;width:48px;height:48px;transition:opacity .2s}.tech-icon[data-v-6771685c]:hover{opacity:1}@media (width<=768px){.tech-section[data-v-6771685c]{max-width:100%;padding:2rem .8rem}}.trading-card-link[data-v-d40ad798]{text-decoration:none}.trading-card[data-v-d40ad798]{background:var(--bg);border:3px solid var(--border-hover);text-align:center;border-radius:16px;flex-direction:column;width:350px;padding:1rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.trading-card[data-v-d40ad798]:hover{transform:translateY(-6px)}.card-title[data-v-d40ad798]{height:4rem;font-family:var(--font-display);color:var(--card-accent);text-transform:uppercase;letter-spacing:.05em;text-shadow:0 0 20px rgba(from var(--card-accent) r g b / .5);margin-bottom:1rem;font-size:clamp(1.5rem,3vw,1.8rem);font-weight:800}.card-image[data-v-d40ad798]{border:2px solid var(--border-hover);border-radius:8px;width:100%;margin-bottom:1rem;overflow:hidden}.card-image img[data-v-d40ad798]{object-fit:contain;width:100%;height:100%}.cards-content[data-v-d40ad798]{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.card-tags[data-v-d40ad798]{border:1px solid var(--border-hover);border-radius:14px;flex-wrap:wrap;gap:.4rem;padding:.15rem .75rem;display:flex}.tag-container[data-v-d40ad798]{align-items:center;gap:.3rem;display:flex}.separator[data-v-d40ad798]{color:var(--text);margin:0 .3rem;font-size:10px}.tag[data-v-d40ad798]{color:var(--text);border-radius:4px;font-size:10px}.card-company[data-v-d40ad798]{border:1px solid var(--border-hover);color:#fff;text-transform:uppercase;background:var(--card-accent);border-radius:14px;padding:.15rem .75rem;font-size:10px;font-weight:700}.cards-container[data-v-d40ad798]{gap:.5rem;display:flex}.card-info[data-v-d40ad798]{background:var(--bg-card);border-radius:12px;flex-direction:row;gap:.5rem;width:180px;padding:.5rem;display:flex}.card-design[data-v-d40ad798]{background-image:url(/assets/GRAIN_GRADIENT_BADGE-Y28lPD6R.png);background-size:cover;border-radius:8px;min-width:60px;min-height:60px}.card-text[data-v-d40ad798]{flex-direction:column;justify-content:center;gap:.2rem;display:flex}.card-number[data-v-d40ad798]{font-size:54px;font-family:var(--font-mono);color:var(--text);font-weight:700}.card-description[data-v-d40ad798]{color:var(--text);font-size:8px;font-weight:800}.card-left[data-v-d40ad798]{flex-direction:column;gap:.5rem;display:flex}.card-right[data-v-d40ad798]{width:124px;height:100px;position:relative}.card-right:hover .card-icon[data-v-d40ad798]{filter:drop-shadow(0 0 5px rgba(from var(--card-accent) r g b / .7));transition:transform .2s;transform:scale(1.2)}.card-right-info[data-v-d40ad798]{background:var(--card-accent);border-radius:12px 12px 0 0;width:100px;height:25px;position:absolute;top:38px;left:-38px;rotate:-90deg}.card-description-side[data-v-d40ad798]{color:var(--text);margin-top:.5rem;font-size:8.5px;font-weight:800}.card-link[data-v-d40ad798]{background:var(--bg-card);border-radius:0 12px 12px 0;justify-content:center;align-items:center;width:100px;height:101px;padding:.5rem;display:flex;position:absolute;left:25px}@media (width<=768px){.trading-card[data-v-d40ad798]{margin-bottom:.5rem}.trading-card[data-v-d40ad798]:hover{transform:none}}.hero[data-v-0e5fea81]{justify-content:center;align-items:center;padding:10rem 6rem 4rem;display:flex}.hero-inner[data-v-0e5fea81]{justify-content:space-between;align-items:center;gap:4rem;width:100%;max-width:1400px;display:flex}.hero-content[data-v-0e5fea81]{flex-direction:column;flex:1;gap:1rem;display:flex}.hero-comment[data-v-0e5fea81]{font-family:var(--font-mono);color:var(--text-muted);font-size:14px}.hero-title[data-v-0e5fea81]{font-family:var(--font-display);color:var(--text);font-size:clamp(4rem,8vw,7rem);font-weight:800;line-height:1}.hero-tag[data-v-0e5fea81]{font-family:var(--font-display);color:var(--accent);font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.hero-card[data-v-0e5fea81]{flex:1;justify-content:end;align-items:center;display:flex}.btn[data-v-0e5fea81]{background:var(--accent);color:#fff;font-family:var(--font-body);border-radius:8px;align-items:center;width:fit-content;margin-top:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background .2s;display:inline-flex}.btn[data-v-0e5fea81]:hover{background:var(--accent-hover)}.intro[data-v-0e5fea81]{padding:4rem 6rem}.intro-inner[data-v-0e5fea81]{justify-content:space-between;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;display:flex}.intro-left[data-v-0e5fea81]{max-width:600px}.intro-text[data-v-0e5fea81]{color:var(--text-muted);margin-top:2rem;font-size:1.2rem;line-height:1.8}.intro-right[data-v-0e5fea81]{justify-content:center;align-items:center;width:310px;display:flex}.badge-btn[data-v-0e5fea81]{color:var(--text);font-family:var(--font-display);border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-size:13px;text-decoration:none;animation:18s linear infinite spin-0e5fea81;display:inline-flex;position:relative}@keyframes spin-0e5fea81{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-icon[data-v-0e5fea81]{width:36px;height:36px;color:var(--text);animation:18s linear infinite reverseSpin-0e5fea81;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes reverseSpin-0e5fea81{0%{transform:translate(-50%,-50%)rotate(360deg)}to{transform:translate(-50%,-50%)rotate(0)}}.badge-btn:hover .badge-svg rect[data-v-0e5fea81]{fill:var(--accent-hover)}.profile-container[data-v-0e5fea81]{z-index:10;border-radius:24px;width:300px;height:270px;position:relative;overflow:hidden}.profile-image[data-v-0e5fea81]{position:absolute;top:0}.profile-bg-1[data-v-0e5fea81]{background:var(--accent);z-index:-1;border-radius:24px;width:145px;height:105px;position:absolute;top:0;left:0}.profile-bg-2[data-v-0e5fea81]{background:var(--accent);z-index:-1;border-radius:24px;width:145px;height:155px;position:absolute;top:0;right:0}.profile-bg-3[data-v-0e5fea81]{background:var(--accent);z-index:-1;border-radius:24px;width:145px;height:155px;position:absolute;bottom:0;left:0}.profile-bg-4[data-v-0e5fea81]{background:var(--accent);z-index:-1;border-radius:24px;width:145px;height:105px;position:absolute;bottom:0;right:0}.projects[data-v-0e5fea81]{padding:4rem 6rem 0}.projects-inner[data-v-0e5fea81]{max-width:1400px;margin:0 auto}.projects-header[data-v-0e5fea81]{justify-content:space-between;align-items:center;display:flex}.projects-grid[data-v-0e5fea81]{flex-wrap:wrap;justify-content:space-between;margin:1.5rem 0 2rem;display:flex}.btn-outline[data-v-0e5fea81]{border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);border-radius:8px;align-items:center;padding:.75rem 1.5rem;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-outline[data-v-0e5fea81]:hover{border-color:var(--accent);color:var(--accent)}@media (width<=768px){.hero[data-v-0e5fea81]{flex-direction:column;padding:6rem 0 2rem}.hero-inner[data-v-0e5fea81]{flex-direction:column;gap:2rem;padding:0}.intro-right[data-v-0e5fea81]{margin-top:2rem}.intro[data-v-0e5fea81]{padding:2rem .8rem;overflow:hidden}.intro-inner[data-v-0e5fea81]{flex-direction:column;gap:2rem}.intro-text[data-v-0e5fea81]{width:100%;font-size:1rem}.intro-left[data-v-0e5fea81]{max-width:100%;overflow:hidden}.projects[data-v-0e5fea81]{padding:2rem .8rem}.projects-grid[data-v-0e5fea81]{flex-direction:column;margin:1rem 0 0}.hero-title[data-v-0e5fea81]{font-size:clamp(3rem,12vw,5rem)}}@media (width>=769px) and (width<=1024px){.hero[data-v-0e5fea81]{padding:8rem 3rem 3rem}.hero-title[data-v-0e5fea81]{font-size:clamp(2rem,9vw,3rem)}.hero-inner[data-v-0e5fea81]{gap:2rem}.intro[data-v-0e5fea81]{padding:3rem}.intro-inner[data-v-0e5fea81]{gap:2rem;padding:0}.tech-section[data-v-0e5fea81]{padding:3rem}.intro-left[data-v-0e5fea81]{max-width:100%}.projects[data-v-0e5fea81]{padding:3rem}.projects-grid[data-v-0e5fea81]{justify-content:center;gap:1rem}}@media (width>=1024px) and (width<=1200px){.hero[data-v-0e5fea81]{padding:8rem 3rem 3rem}.hero-title[data-v-0e5fea81]{font-size:clamp(2.5rem,9vw,4rem)}.intro[data-v-0e5fea81]{padding:3rem}.intro-inner[data-v-0e5fea81]{gap:2rem;padding:0}.tech-section[data-v-0e5fea81],.projects[data-v-0e5fea81]{padding:3rem}.projects-grid[data-v-0e5fea81]{justify-content:center;gap:1rem}}