@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-0-400-normal-tbXEaEG7.woff2)format("woff2"),url(/assets/noto-color-emoji-0-400-normal-5aPNcibp.woff)format("woff");unicode-range:U+1F1E6-1F1FF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-1-400-normal-DPwJRBUT.woff2)format("woff2"),url(/assets/noto-color-emoji-1-400-normal-CFbKscMj.woff)format("woff");unicode-range:U+200D,U+2620,U+26A7,U+FE0F,U+1F308,U+1F38C,U+1F3C1,U+1F3F3-1F3F4,U+1F6A9,U+E0062-E0063,U+E0065,U+E0067,U+E006C,U+E006E,U+E0073-E0074,U+E0077,U+E007F}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-2-400-normal-DvwkPMI6.woff2)format("woff2"),url(/assets/noto-color-emoji-2-400-normal-BzKWahE8.woff)format("woff");unicode-range:U+23,U+2A,U+30-39,U+A9,U+AE,U+200D,U+203C,U+2049,U+20E3,U+2122,U+2139,U+2194-2199,U+21A9-21AA,U+23CF,U+23E9-23EF,U+23F8-23FA,U+24C2,U+25AA-25AB,U+25B6,U+25C0,U+25FB-25FE,U+2611,U+2622-2623,U+2626,U+262A,U+262E-262F,U+2638,U+2640,U+2642,U+2648-2653,U+2660,U+2663,U+2665-2666,U+2668,U+267B,U+267E-267F,U+2695,U+269B-269C,U+26A0,U+26A7,U+26AA-26AB,U+26CE,U+26D4,U+2705,U+2714,U+2716,U+271D,U+2721,U+2733-2734,U+2747,U+274C,U+274E,U+2753-2755,U+2757,U+2764,U+2795-2797,U+27A1,U+27B0,U+27BF,U+2934-2935,U+2B05-2B07,U+2B1B-2B1C,U+2B55,U+3030,U+303D,U+3297,U+3299,U+FE0F,U+1F170-1F171,U+1F17E-1F17F,U+1F18E,U+1F191-1F19A,U+1F201-1F202,U+1F21A,U+1F22F,U+1F232-1F23A,U+1F250-1F251,U+1F310,U+1F3A6,U+1F3B5-1F3B6,U+1F3BC,U+1F3E7,U+1F441,U+1F499-1F49C,U+1F49F-1F4A0,U+1F4AC-1F4AD,U+1F4B1-1F4B2,U+1F4B9,U+1F4DB,U+1F4F2-1F4F6,U+1F500-1F507,U+1F515,U+1F518-1F524,U+1F52F-1F53D,U+1F549,U+1F54E,U+1F5A4,U+1F5E8,U+1F5EF,U+1F6AB,U+1F6AD-1F6B1,U+1F6B3,U+1F6B7-1F6BC,U+1F6BE,U+1F6C2-1F6C5,U+1F6D0-1F6D1,U+1F6D7,U+1F6DC,U+1F7E0-1F7EB,U+1F7F0,U+1F90D-1F90E,U+1F9D1-1F9D2,U+1F9E1,U+1FA75-1FA77,U+1FAAF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-3-400-normal-BWhiraWo.woff2)format("woff2"),url(/assets/noto-color-emoji-3-400-normal-CNpuOb5M.woff)format("woff");unicode-range:U+200D,U+231A-231B,U+2328,U+23F0-23F3,U+2602,U+260E,U+2692,U+2694,U+2696-2697,U+2699,U+26B0-26B1,U+26CF,U+26D1,U+26D3,U+2702,U+2709,U+270F,U+2712,U+FE0F,U+1F302,U+1F321,U+1F392-1F393,U+1F3A9,U+1F3BD,U+1F3EE,U+1F3F7,U+1F3FA,U+1F451-1F462,U+1F484,U+1F489-1F48A,U+1F48C-1F48E,U+1F4A1,U+1F4A3,U+1F4A5,U+1F4B0,U+1F4B3-1F4B8,U+1F4BB-1F4DA,U+1F4DC-1F4F1,U+1F4FF,U+1F508-1F514,U+1F516-1F517,U+1F526-1F529,U+1F52C-1F52E,U+1F550-1F567,U+1F56F-1F570,U+1F576,U+1F587,U+1F58A-1F58D,U+1F5A5,U+1F5A8,U+1F5B1-1F5B2,U+1F5C2-1F5C4,U+1F5D1-1F5D3,U+1F5DC-1F5DE,U+1F5E1,U+1F5F3,U+1F6AA,U+1F6AC,U+1F6BD,U+1F6BF,U+1F6C1,U+1F6CB,U+1F6CD-1F6CF,U+1F6D2,U+1F6E0-1F6E1,U+1F6F0,U+1F97B-1F97F,U+1F9AF,U+1F9BA,U+1F9E2-1F9E6,U+1F9EA-1F9EC,U+1F9EE-1F9F4,U+1F9F7-1F9FF,U+1FA71-1FA74,U+1FA79-1FA7B,U+1FA86,U+1FA8E-1FA8F,U+1FA91-1FA93,U+1FA96,U+1FA99-1FAA0,U+1FAA2-1FAA7,U+1FAAA-1FAAE}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-4-400-normal-D5xvrXFD.woff2)format("woff2"),url(/assets/noto-color-emoji-4-400-normal-D1xLHzFe.woff)format("woff");unicode-range:U+265F,U+26BD-26BE,U+26F3,U+26F8,U+FE0F,U+1F004,U+1F0CF,U+1F380-1F384,U+1F386-1F38B,U+1F38D-1F391,U+1F396-1F397,U+1F399-1F39B,U+1F39E-1F39F,U+1F3A3-1F3A5,U+1F3A7-1F3A9,U+1F3AB-1F3B4,U+1F3B7-1F3BB,U+1F3BD-1F3C0,U+1F3C5-1F3C6,U+1F3C8-1F3C9,U+1F3CF-1F3D3,U+1F3F8-1F3F9,U+1F47E,U+1F4E2,U+1F4F7-1F4FD,U+1F52B,U+1F579,U+1F58C-1F58D,U+1F5BC,U+1F6F7,U+1F6F9,U+1F6FC,U+1F93F,U+1F941,U+1F945,U+1F947-1F94F,U+1F9E7-1F9E9,U+1F9F5-1F9F6,U+1FA70-1FA71,U+1FA80-1FA81,U+1FA83-1FA85,U+1FA87-1FA8A,U+1FA94-1FA95,U+1FA97-1FA98,U+1FAA1,U+1FAA9,U+1FADF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-5-400-normal-DUH4Uty8.woff2)format("woff2"),url(/assets/noto-color-emoji-5-400-normal-D85AwhWP.woff)format("woff");unicode-range:U+2693,U+26E9-26EA,U+26F1-26F2,U+26F4-26F5,U+26FA,U+26FD,U+2708,U+FE0F,U+1F301,U+1F303,U+1F306-1F307,U+1F309,U+1F310,U+1F3A0-1F3A2,U+1F3AA,U+1F3CD-1F3CE,U+1F3D5,U+1F3D7-1F3DB,U+1F3DF-1F3E6,U+1F3E8-1F3ED,U+1F3EF-1F3F0,U+1F488,U+1F492,U+1F4BA,U+1F54B-1F54D,U+1F5FA-1F5FF,U+1F680-1F6A2,U+1F6A4-1F6A8,U+1F6B2,U+1F6D1,U+1F6D5-1F6D6,U+1F6DD-1F6DF,U+1F6E2-1F6E5,U+1F6E9,U+1F6EB-1F6EC,U+1F6F3-1F6F6,U+1F6F8,U+1F6FA-1F6FB,U+1F9BC-1F9BD,U+1F9ED,U+1F9F3,U+1FA7C}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-6-400-normal-Ct8APc17.woff2)format("woff2"),url(/assets/noto-color-emoji-6-400-normal-Cd02m80r.woff)format("woff");unicode-range:U+200D,U+2615,U+FE0F,U+1F32D-1F330,U+1F336,U+1F33D,U+1F344-1F37F,U+1F382,U+1F52A,U+1F7E9,U+1F7EB,U+1F942-1F944,U+1F950-1F96F,U+1F99E,U+1F9AA,U+1F9C0-1F9CB,U+1FAD0-1FADC}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-7-400-normal-b5Sk21m2.woff2)format("woff2"),url(/assets/noto-color-emoji-7-400-normal-CqXRJ-vN.woff)format("woff");unicode-range:U+200D,U+2600-2601,U+2603-2604,U+2614,U+2618,U+26A1,U+26C4-26C5,U+26C8,U+26F0,U+2728,U+2744,U+2B1B,U+2B50,U+FE0F,U+1F300,U+1F304-1F305,U+1F308,U+1F30A-1F30F,U+1F311-1F321,U+1F324-1F32C,U+1F331-1F335,U+1F337-1F33C,U+1F33E-1F344,U+1F3D4,U+1F3D6,U+1F3DC-1F3DE,U+1F3F5,U+1F400-1F43F,U+1F490,U+1F4A7,U+1F4AE,U+1F525,U+1F54A,U+1F573,U+1F577-1F578,U+1F648-1F64A,U+1F6D8,U+1F940,U+1F980-1F9AE,U+1F9BA,U+1FA90,U+1FAA8,U+1FAB?,U+1FACD-1FACF,U+1FAE7}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-8-400-normal-D4dsBzUI.woff2)format("woff2"),url(/assets/noto-color-emoji-8-400-normal-BG9Fi5DC.woff)format("woff");unicode-range:U+200D,U+2640,U+2642,U+2695-2696,U+26F7,U+26F9,U+2708,U+2764,U+27A1,U+FE0F,U+1F33E,U+1F373,U+1F37C,U+1F384-1F385,U+1F393,U+1F3A4,U+1F3A8,U+1F3C2-1F3C4,U+1F3C7,U+1F3CA-1F3CC,U+1F3EB,U+1F3ED,U+1F3FB-1F3FF,U+1F430,U+1F466-1F469,U+1F46B-1F478,U+1F47C,U+1F481-1F483,U+1F486-1F487,U+1F48B,U+1F48F,U+1F491,U+1F4BB-1F4BC,U+1F527,U+1F52C,U+1F574-1F575,U+1F57A,U+1F645-1F647,U+1F64B,U+1F64D-1F64E,U+1F680,U+1F692,U+1F6A3,U+1F6B4-1F6B6,U+1F6C0,U+1F6CC,U+1F91D,U+1F926,U+1F930-1F931,U+1F934-1F93A,U+1F93C-1F93E,U+1F977,U+1F9AF-1F9B3,U+1F9B8-1F9B9,U+1F9BC-1F9BD,U+1F9CC-1F9CF,U+1F9D1-1F9DF,U+1FA70,U+1FA82,U+1FAC3-1FAC5,U+1FAC8,U+1FAEF}@font-face{font-family:Noto Color Emoji;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-color-emoji-9-400-normal-cxWfJXDF.woff2)format("woff2"),url(/assets/noto-color-emoji-9-400-normal-DftGkmnu.woff)format("woff");unicode-range:U+200D,U+2194-2195,U+2603,U+261D,U+2620,U+2639-263A,U+2665,U+26A1,U+26C4,U+270A-270D,U+2728,U+2763-2764,U+2B50,U+FE0F,U+1F31A-1F31F,U+1F32B,U+1F389-1F38A,U+1F3FB-1F3FF,U+1F440-1F450,U+1F463-1F465,U+1F479-1F47B,U+1F47D-1F480,U+1F485,U+1F48B-1F48C,U+1F493-1F49F,U+1F4A2,U+1F4A4-1F4A6,U+1F4A8-1F4AB,U+1F4AF,U+1F525,U+1F573,U+1F590,U+1F595-1F596,U+1F5A4,U+1F5E3,U+1F600-1F644,U+1F648-1F64A,U+1F64C,U+1F64F,U+1F90C-1F925,U+1F927-1F92F,U+1F932-1F933,U+1F970-1F976,U+1F978-1F97A,U+1F9A0,U+1F9B4-1F9B7,U+1F9BB,U+1F9BE-1F9BF,U+1F9D0,U+1F9E0-1F9E1,U+1FA75-1FA79,U+1FAC0-1FAC2,U+1FAC6,U+1FAE0-1FAE6,U+1FAE8-1FAEA,U+1FAEF-1FAF8}img.dev-avatar{--s:140px;width:var(--s);height:var(--s);object-fit:cover;cursor:pointer;filter:grayscale(20%)contrast(1.05);border:1px solid rgba(0,229,255,.25);border-radius:8px;transition:transform .4s,box-shadow .4s,filter .4s,border-color .4s;box-shadow:0 0 20px rgba(0,229,255,.12)}img.dev-avatar:hover{filter:grayscale(0%)contrast(1.1);border-color:rgba(0,229,255,.5);transform:scale(1.05);box-shadow:0 0 30px rgba(0,229,255,.2)}.main-portfolio-page{--section-bg-1:#0d0d14;--section-bg-2:#0a0a0f;--section-bg-3:#12121a;--section-bg-4:#1a1a24;--section-bg-5:#0d0d14;--section-bg-6:#0a0a0f;--text-on-dark:#e0e0e0;--text-on-light:#0a0a0f;--header-bg:rgba(10,10,15,.85);--footer-bg:rgba(10,10,15,.92);--glass-bg:rgba(0,229,255,.04);--glass-border:rgba(0,229,255,.1);--indicator-dot:rgba(0,229,255,.2);--indicator-dot-border:rgba(0,229,255,.35);--indicator-active:#00e5ff;--tag-text:#00e5ff;--tag-bg:rgba(0,229,255,.06);--tag-border:rgba(0,229,255,.15);--link-text:#00e5ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .5s}[data-theme=light] .main-portfolio-page{--section-bg-1:#f5f7fa;--section-bg-2:#eef2f6;--section-bg-3:#fff;--section-bg-4:#0d0d14;--section-bg-5:#f5f7fa;--section-bg-6:#eef2f6;--text-on-dark:#1a1a24;--text-on-light:#e0e0e0;--header-bg:rgba(255,255,255,.88);--footer-bg:rgba(255,255,255,.92);--glass-bg:rgba(0,184,212,.05);--glass-border:rgba(0,184,212,.12);--indicator-dot:rgba(0,184,212,.2);--indicator-dot-border:rgba(0,184,212,.4);--indicator-active:#00b8d4;--tag-text:#00b8d4;--tag-bg:rgba(0,184,212,.08);--tag-border:rgba(0,184,212,.18);--link-text:#00b8d4}.main-portfolio-page .header{z-index:1000;backdrop-filter:blur(24px)saturate(140%);color:var(--text-on-dark);box-shadow:none;border-bottom:1px solid rgba(0,229,255,.06);justify-content:space-between;align-items:center;transition:background .3s,border-color .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0;right:0;background:var(--header-bg)!important;background-color:transparent!important}.main-portfolio-page .header:after{content:"";opacity:.2;background:linear-gradient(90deg,transparent,#00e5ff,transparent);height:1px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.main-portfolio-page .header.scrolled{backdrop-filter:blur(32px)saturate(160%);border-bottom-color:rgba(0,229,255,.12)}.main-portfolio-page .header.scrolled:after{opacity:.5}.main-portfolio-page .header .header-brand{cursor:default;border-radius:6px;align-items:center;gap:8px;padding:4px 8px;transition:background .15s;display:flex}.main-portfolio-page .header .header-brand:hover{background:var(--glass-bg)}.main-portfolio-page .header .header-avatar{color:#00e5ff;background:#12121a;border:1px solid rgba(0,229,255,.3);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.main-portfolio-page .header .header-avatar:hover{border-color:#00e5ff;box-shadow:0 0 12px rgba(0,229,255,.25)}.main-portfolio-page .header .header-brand-name{color:var(--text-on-dark);letter-spacing:.04em;opacity:.85;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:12px;font-weight:600}.main-portfolio-page .header .header-right{align-items:center;gap:12px;display:flex}.main-portfolio-page .header .header-nav{align-items:center;gap:4px;display:flex}.main-portfolio-page .header .nav-pill{color:var(--text-on-dark);letter-spacing:.02em;cursor:pointer;background:0 0;border:1px solid rgba(0,229,255,.1);border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:11px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.main-portfolio-page .header .nav-pill:hover{color:#00e5ff;background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.25)}.main-portfolio-page .header .nav-pill.active{color:#00e5ff;background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.35)}.main-portfolio-page .header .header-divider{background:rgba(0,229,255,.12);flex-shrink:0;width:1px;height:18px}.main-portfolio-page .header .header-controls{align-items:center;gap:4px;display:flex}.main-portfolio-page .header .ctrl-btn{width:30px;height:30px;color:var(--text-on-dark);cursor:pointer;background:0 0;border:1px solid rgba(0,229,255,.1);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex}.main-portfolio-page .header .ctrl-btn:hover{color:#00e5ff;background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.25)}.main-portfolio-page .header .ctrl-btn.lang-btn{width:auto;padding:0 8px}.main-portfolio-page .header .lang-badge{letter-spacing:.06em;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:12px;font-weight:700}.main-portfolio-page .header-tip-content{align-items:center;gap:8px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:11px;display:flex}.main-portfolio-page .header-tip-copy{color:inherit;cursor:pointer;white-space:nowrap;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.2);border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:12px;transition:background .15s;display:inline-flex}.main-portfolio-page .header-tip-copy:hover{background:rgba(0,229,255,.12)}[data-theme=light] .main-portfolio-page .header{color:#1a1a24;border-bottom-color:rgba(0,184,212,.1)}[data-theme=light] .main-portfolio-page .header:after{background:linear-gradient(90deg,transparent,#00b8d4,transparent)}[data-theme=light] .main-portfolio-page .header.scrolled{border-bottom-color:rgba(0,184,212,.18)}[data-theme=light] .main-portfolio-page .header .header-brand-name{color:#1a1a24}[data-theme=light] .main-portfolio-page .header .nav-pill{color:#1a1a24;border-color:rgba(0,184,212,.1)}[data-theme=light] .main-portfolio-page .header .nav-pill:hover{color:#00b8d4;background:rgba(0,184,212,.06);border-color:rgba(0,184,212,.25)}[data-theme=light] .main-portfolio-page .header .nav-pill.active{color:#00b8d4;background:rgba(0,184,212,.08);border-color:rgba(0,184,212,.3)}[data-theme=light] .main-portfolio-page .header .header-divider{background:rgba(0,184,212,.12)}[data-theme=light] .main-portfolio-page .header .ctrl-btn{color:#1a1a24;border-color:rgba(0,184,212,.1)}[data-theme=light] .main-portfolio-page .header .ctrl-btn:hover{color:#00b8d4;background:rgba(0,184,212,.06);border-color:rgba(0,184,212,.25)}.main-portfolio-page .content{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;margin-top:64px;padding:0;position:relative;overflow-x:hidden}.main-portfolio-page .portfolio-section{box-sizing:border-box;justify-content:center;align-items:center;min-height:auto;padding:80px 20px;transition:background-color .5s,color .5s;display:flex;position:relative}.main-portfolio-page .portfolio-section[data-section=about]{background-color:var(--section-bg-1);color:var(--text-on-dark);padding:48px 20px}.main-portfolio-page .portfolio-section[data-section=experience]{background-color:var(--section-bg-2);color:var(--text-on-dark)}.main-portfolio-page .portfolio-section[data-section=projects]{background-color:var(--section-bg-3);color:var(--text-on-dark)}.main-portfolio-page .portfolio-section[data-section=skills]{background-color:var(--section-bg-4);color:var(--text-on-dark)}.main-portfolio-page .portfolio-section[data-section=education]{background-color:var(--section-bg-5);color:var(--text-on-dark)}.main-portfolio-page .portfolio-section[data-section=contact]{background-color:var(--section-bg-6);color:var(--text-on-dark)}[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills]{color:var(--text-on-light)}.main-portfolio-page .section-inner{z-index:1;width:100%;max-width:1200px;margin:0 auto;position:relative}.main-portfolio-page .network-mesh{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.main-portfolio-page .glass-card{transition:background .5s,border-color .5s;box-shadow:0 2px 12px rgba(0,0,0,.2);background:var(--glass-bg)!important;backdrop-filter:blur(12px)!important;border:1px solid var(--glass-border)!important}.main-portfolio-page .glow-text{display:inline-block}.main-portfolio-page .about-me-content{text-align:center;flex-direction:column;align-items:center;gap:.6rem;display:flex}.main-portfolio-page .about-me-content .about-me-avatar-wrapper{margin-bottom:.5rem}.main-portfolio-page .about-me-content h2{letter-spacing:-.01em;margin-bottom:.3rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:1.5rem}.main-portfolio-page .about-me-content p{color:#90a4ae;max-width:600px;font-size:.85rem;line-height:1.7}.main-portfolio-page .section-title{text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#00e5ff,#00bfa5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:2rem;font-weight:700;transition:background .5s}[data-theme=light] .main-portfolio-page .section-title{background:linear-gradient(135deg,#006064,#00838f);-webkit-background-clip:text;background-clip:text}.main-portfolio-page .portfolio-section[data-section=skills] .section-title,[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .section-title{background:linear-gradient(135deg,#00e5ff,#00bfa5);-webkit-background-clip:text;background-clip:text}.main-portfolio-page .section-content{font-size:1rem;line-height:1.6}.main-portfolio-page .section-content h2{margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:1.5rem}.main-portfolio-page .section-content p{opacity:.85;margin-bottom:.75rem}.main-portfolio-page .skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem;display:grid}.main-portfolio-page .skill-card{backdrop-filter:blur(10px);background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.12);border-radius:10px;padding:2rem;transition:all .3s}.main-portfolio-page .skill-card:hover{border-color:rgba(0,229,255,.3);transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,229,255,.1)}.main-portfolio-page .skill-card h3{color:#00e5ff;margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:1.5rem}.main-portfolio-page .skill-card ul{margin:0;padding:0;list-style:none}.main-portfolio-page .skill-card ul li{border-bottom:1px solid rgba(0,229,255,.12);padding:.5rem 0}.main-portfolio-page .skill-card ul li:last-child{border-bottom:none}.main-portfolio-page .skill-card ul li:before{content:"› ";color:#00e5ff;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-weight:700}.main-portfolio-page .skills-split{flex-direction:column;gap:2.5rem;max-width:900px;margin:0 auto;display:flex}.main-portfolio-page .skills-subtitle{color:#00e5ff;text-align:center;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.9rem;font-weight:600}.main-portfolio-page .skills-subtitle.secondary{opacity:.7;font-size:.75rem}.main-portfolio-page .main-stack-grid{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.main-portfolio-page .main-stack-item{cursor:default;background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.1);border-radius:6px;align-items:center;gap:.5rem;padding:.55rem 1rem;transition:all .3s;display:flex}.main-portfolio-page .main-stack-item .main-stack-icon{flex-shrink:0;width:24px;height:24px}.main-portfolio-page .main-stack-item .main-stack-name{color:#e0e0e0;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.85rem;font-weight:500}.main-portfolio-page .secondary-categories{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.main-portfolio-page .secondary-category{flex-direction:column;gap:.35rem;display:flex}.main-portfolio-page .secondary-category-label{color:#00e5ff;opacity:.5;text-transform:uppercase;letter-spacing:.08em;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.6rem;font-weight:700}.main-portfolio-page .secondary-chips{flex-wrap:wrap;gap:.3rem;display:flex}.main-portfolio-page .secondary-skill-chip{color:#90a4ae;cursor:default;background:rgba(0,229,255,.03);border:1px solid rgba(0,229,255,.08);border-radius:4px;align-items:center;gap:.25rem;padding:.18rem .5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.65rem;font-weight:500;display:inline-flex}.main-portfolio-page .secondary-skill-chip .secondary-skill-icon{flex-shrink:0;width:13px;height:13px}.main-portfolio-page .portfolio-section[data-section=skills] .skills-subtitle,.main-portfolio-page .portfolio-section[data-section=skills] .skills-subtitle.secondary{color:#00e5ff}[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .main-stack-item{background:rgba(0,229,255,.06);border-color:rgba(0,229,255,.15)}[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .main-stack-item .main-stack-name{color:#e0e0e0}[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .secondary-skill-chip{color:#b0bec5;background:rgba(0,229,255,.04);border-color:rgba(0,229,255,.12)}[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .skills-subtitle,[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .skills-subtitle.secondary,[data-theme=light] .main-portfolio-page .portfolio-section[data-section=skills] .secondary-category-label,.main-portfolio-page .portfolio-section[data-section=projects] .project-name,.main-portfolio-page .portfolio-section[data-section=projects] .project-highlights .highlight-bullet{color:#00e5ff}[data-theme=light] .main-portfolio-page .portfolio-section[data-section=projects] .project-name,[data-theme=light] .main-portfolio-page .portfolio-section[data-section=projects] .project-highlights .highlight-bullet{color:#00b8d4}.main-portfolio-page .contact-content{text-align:center}.main-portfolio-page .contact-content .contact-info{flex-direction:column;gap:1rem;max-width:600px;margin:2rem auto;display:flex}.main-portfolio-page .contact-content .contact-item{text-align:left;border-radius:6px;align-items:center;gap:.75rem;padding:.85rem 1rem;transition:all .3s;display:flex}.main-portfolio-page .contact-content .contact-item:hover{transform:translate(4px);border-color:rgba(0,229,255,.25)!important}.main-portfolio-page .contact-content .contact-item .contact-icon{font-size:1.3rem}.main-portfolio-page .contact-content .contact-item strong{color:#00e5ff;opacity:.9;margin-right:.3rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.78rem}.main-portfolio-page .contact-content .contact-item span{color:inherit;font-size:.82rem}.main-portfolio-page .contact-content .contact-cta{opacity:.5;letter-spacing:.02em;margin-top:1.25rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.85rem;font-style:normal}.main-portfolio-page .section-indicator{z-index:1000;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.main-portfolio-page .section-indicator .indicator-dot{background-color:var(--indicator-dot);border:1px solid var(--indicator-dot-border);cursor:pointer;border-radius:2px;width:8px;height:8px;padding:0;transition:all .3s,background-color .5s,border-color .5s;position:relative}.main-portfolio-page .section-indicator .indicator-dot:hover{background-color:rgba(0,229,255,.4);border-color:#00e5ff}.main-portfolio-page .section-indicator .indicator-dot:hover .indicator-tooltip{opacity:1;visibility:visible;transform:translate(-8px)}.main-portfolio-page .section-indicator .indicator-dot.active{background-color:#00e5ff;border-color:#00e5ff;width:10px;height:10px;box-shadow:0 0 8px rgba(0,229,255,.5)}.main-portfolio-page .section-indicator .indicator-dot .indicator-tooltip{backdrop-filter:blur(12px);color:#00e5ff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background-color:rgba(10,10,15,.92);border:1px solid rgba(0,229,255,.15);border-radius:4px;margin-right:.75rem;padding:.35rem .75rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.7rem;transition:all .3s;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.main-portfolio-page .portfolio-footer{text-align:left;background:var(--footer-bg);backdrop-filter:blur(16px);color:var(--text-on-dark);letter-spacing:.02em;opacity:.6;box-shadow:none;border-top:1px solid rgba(0,229,255,.08);padding:12px 48px;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.78rem;transition:background .5s,color .5s;position:relative}[data-theme=light] .main-portfolio-page .portfolio-footer{color:#1a1a24}@media (max-width:768px){.main-portfolio-page .header{padding:0 12px}.main-portfolio-page .header .header-brand-name,.main-portfolio-page .header .nav-pill-label{display:none}.main-portfolio-page .header .nav-pill{padding:5px 8px}.main-portfolio-page .header .header-right{gap:8px}.main-portfolio-page .content{margin-top:56px;padding:0}.main-portfolio-page .portfolio-section{min-height:auto;padding:40px 16px}.main-portfolio-page .section-title{margin-bottom:.75rem;font-size:1.5rem}.main-portfolio-page .section-content{font-size:.85rem}.main-portfolio-page .section-content h2{font-size:1.2rem}.main-portfolio-page .about-me-content{gap:.5rem}.main-portfolio-page .about-me-content .about-me-avatar-wrapper{margin-bottom:.5rem}.main-portfolio-page .about-me-content h2{font-size:1.2rem}.main-portfolio-page .about-me-content p{font-size:.78rem;line-height:1.5}.main-portfolio-page .skills-grid{grid-template-columns:1fr;gap:1rem}.main-portfolio-page .secondary-categories{grid-template-columns:1fr}.main-portfolio-page .section-indicator{gap:.4rem;right:.5rem}.main-portfolio-page .section-indicator .indicator-dot{width:6px;height:6px}.main-portfolio-page .section-indicator .indicator-dot.active{width:8px;height:8px}.main-portfolio-page .section-indicator .indicator-dot .indicator-tooltip{display:none}.main-portfolio-page .contact-content .contact-info{gap:.6rem;margin:1rem 0}.main-portfolio-page .contact-content .contact-item{gap:.5rem;padding:.5rem .65rem}.main-portfolio-page .contact-content .contact-item .contact-icon{font-size:1.1rem}.main-portfolio-page .contact-content .contact-item strong,.main-portfolio-page .contact-content .contact-item span{font-size:.72rem}.main-portfolio-page .contact-content .contact-cta{margin-top:.75rem;font-size:.78rem}.main-portfolio-page .portfolio-footer{padding:8px 16px;font-size:.68rem}}.experience-content{justify-content:center;width:100%;display:flex}.experience-content .vtl-timeline{width:100%;max-width:800px;padding:1rem 0;position:relative}.experience-content .vtl-line{opacity:.3;transform-origin:top;z-index:0;background:linear-gradient(transparent,#00e5ff,transparent);width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0;left:50%}.experience-content .vtl-item{align-items:center;width:100%;margin-bottom:2rem;display:flex;position:relative}.experience-content .vtl-item:last-child{margin-bottom:0}.experience-content .vtl-left{justify-content:flex-start}.experience-content .vtl-left .vtl-card{width:calc(50% - 30px);margin-left:0;margin-right:auto}.experience-content .vtl-left .vtl-node{margin-left:-5px;left:50%}.experience-content .vtl-left .vtl-connector{transform-origin:100%;width:22px;left:calc(50% - 22px)}.experience-content .vtl-right{justify-content:flex-end}.experience-content .vtl-right .vtl-card{width:calc(50% - 30px);margin-left:auto;margin-right:0}.experience-content .vtl-right .vtl-node{margin-left:-5px;left:50%}.experience-content .vtl-right .vtl-connector{transform-origin:0;width:22px;left:calc(50% + 1px)}.experience-content .vtl-node{z-index:3;background:#00e5ff;border:none;border-radius:2px;width:10px;height:10px;margin-top:-5px;position:absolute;top:50%;box-shadow:0 0 8px rgba(0,229,255,.4)}.experience-content .vtl-node .vtl-node-pulse{pointer-events:none;background:rgba(0,229,255,.2);border-radius:2px;position:absolute;top:-4px;bottom:-4px;left:-4px;right:-4px}.experience-content .vtl-connector{z-index:1;background:rgba(0,229,255,.3);height:1px;margin-top:-.5px;position:absolute;top:50%}.experience-content .vtl-card{cursor:default;z-index:2;border-radius:6px;padding:.8rem 1rem;position:relative}.experience-content .vtl-period{color:#00e5ff;letter-spacing:.04em;background:rgba(0,229,255,.06);border-radius:4px;margin-bottom:.25rem;padding:.1rem .5rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.58rem;font-weight:600;display:inline-block}.experience-content .vtl-role{color:var(--text-on-dark);margin:0 0 .1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85rem;font-weight:700}.experience-content .vtl-company{opacity:.6;margin:0 0 .25rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.7rem;font-weight:500}.experience-content .vtl-description{opacity:.7;margin-bottom:.35rem;font-size:.68rem;line-height:1.5}.experience-content .vtl-tech{flex-wrap:wrap;gap:.2rem;display:flex}.experience-content .tech-tag{background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-text);cursor:default;letter-spacing:.02em;border-radius:4px;padding:.1rem .4rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.5rem;font-weight:500;display:inline-block}@media (max-width:768px){.experience-content .vtl-line{margin-left:0;left:16px}.experience-content .vtl-item{margin-bottom:1.5rem}.experience-content .vtl-left,.experience-content .vtl-right{justify-content:flex-end}.experience-content .vtl-left .vtl-card,.experience-content .vtl-right .vtl-card{width:calc(100% - 50px);margin-left:auto;margin-right:0}.experience-content .vtl-left .vtl-node,.experience-content .vtl-right .vtl-node{margin-left:-5px;left:16px}.experience-content .vtl-left .vtl-connector,.experience-content .vtl-right .vtl-connector{transform-origin:0;width:20px;left:16px}.experience-content .vtl-card{padding:.6rem .8rem}.experience-content .vtl-period{font-size:.52rem}.experience-content .vtl-role{font-size:.75rem}.experience-content .vtl-company{font-size:.62rem}.experience-content .vtl-description{font-size:.6rem}.experience-content .tech-tag{padding:.08rem .35rem;font-size:.46rem}.experience-content .vtl-node{width:8px;height:8px;margin-top:-4px;margin-left:-4px}}.education-content{flex-direction:column;align-items:center;gap:1rem;max-width:700px;margin:0 auto;display:flex}.education-content .edu-card{cursor:default;border-radius:6px;align-items:center;gap:1rem;width:100%;padding:1rem 1.25rem;display:flex}.education-content .edu-card .edu-icon{flex-shrink:0;font-size:2rem}.education-content .edu-card .edu-info h3{color:var(--text-on-dark);margin:0 0 .15rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:700}.education-content .edu-card .edu-info .edu-school{opacity:.7;margin:0 0 .3rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.78rem}.education-content .edu-card .edu-info .edu-meta{opacity:.6;gap:.75rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.72rem;display:flex}.education-content .edu-card .edu-info .edu-meta .edu-grade{color:#00e5ff;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.12);border-radius:4px;padding:.1rem .5rem;font-weight:600}.education-content .edu-certs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;width:100%;display:grid}.education-content .cert-card{cursor:default;border-radius:6px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;display:flex}.education-content .cert-card .cert-icon{flex-shrink:0;font-size:1.4rem}.education-content .cert-card .cert-info h4{color:var(--text-on-dark);margin:0 0 .15rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.82rem;font-weight:700}.education-content .cert-card .cert-info p{opacity:.6;margin:0 0 .3rem;font-size:.68rem}.education-content .cert-card .cert-info .cert-tech{color:#00e5ff;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.1);border-radius:4px;padding:.1rem .4rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.62rem;font-weight:500}.education-content .edu-languages{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.education-content .lang-badge{cursor:default;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.education-content .lang-badge .lang-icon{font-size:1.2rem}.education-content .lang-badge .lang-name{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;font-weight:600}.education-content .lang-badge .lang-level{opacity:.6;color:#00e5ff;background:rgba(0,229,255,.06);border:1px solid rgba(0,229,255,.1);border-radius:4px;padding:.1rem .4rem;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.62rem}@media (max-width:768px){.education-content .edu-card{text-align:center;flex-direction:column}.education-content .edu-card .edu-meta{justify-content:center}.education-content .edu-certs{grid-template-columns:1fr}}.projects-section .projects-inner{flex-direction:column;align-items:center;max-width:950px;display:flex}.projects-section .projects-slideshow{width:100%;min-height:280px;padding:0 2.5rem;position:relative;overflow:visible}.projects-section .project-slide{grid-template-columns:1fr 1fr;align-items:center;gap:1.25rem;display:grid}.projects-section .project-screenshot{aspect-ratio:16/10;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}.projects-section .project-placeholder{border:1px solid rgba(0,184,212,.15);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;width:100%;height:100%;min-height:160px;display:flex}.projects-section .project-placeholder[data-visual=stock-trading]{--project-accent:rgba(162,98,255,.18)}.projects-section .project-placeholder[data-visual=customer-chat]{--project-accent:rgba(93,173,226,.18)}.projects-section .project-placeholder[data-visual=venue-finder]{--project-accent:rgba(46,204,113,.16)}.projects-section .project-placeholder[data-visual=trade-tools]{--project-accent:rgba(241,196,15,.16)}.projects-section .project-placeholder{background:linear-gradient(145deg, var(--project-accent,rgba(0,184,212,.12)) 0%, rgba(0,184,212,.04) 50%, rgba(0,229,255,.06) 100%)}.projects-section .project-placeholder .placeholder-icon{filter:drop-shadow(0 4px 12px rgba(0,184,212,.25));font-size:3.5rem}.projects-section .project-placeholder .placeholder-text{opacity:.75;text-transform:uppercase;letter-spacing:.08em;color:#00b8d4;font-size:.7rem;font-weight:600}.projects-section .project-info{flex-direction:column;gap:.5rem;display:flex}.projects-section .project-header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.projects-section .project-name{color:#00b8d4;margin:0;font-size:1.15rem;font-weight:700}.projects-section .project-type{text-transform:uppercase;letter-spacing:.06em;background:rgba(0,184,212,.2);border:1px solid rgba(0,184,212,.3);border-radius:16px;padding:.15rem .5rem;font-size:.6rem;font-weight:600}.projects-section .project-description{opacity:.9;margin:0;font-size:.78rem;line-height:1.6}.projects-section .project-highlights{flex-direction:column;gap:.2rem;display:flex}.projects-section .project-highlights .highlight-item{opacity:.85;align-items:flex-start;gap:.4rem;font-size:.7rem;line-height:1.5;display:flex}.projects-section .project-highlights .highlight-item .highlight-bullet{color:#00b8d4;flex-shrink:0;margin-top:.1em;font-weight:700}.projects-section .project-tech-stack{flex-wrap:wrap;gap:.2rem;display:flex}.projects-section .project-tech-tag{background:var(--tag-bg);border:1px solid var(--tag-border);color:var(--tag-text);cursor:default;border-radius:12px;padding:.1rem .45rem;font-size:.58rem;font-weight:600;display:inline-block}.projects-section .project-links{flex-wrap:wrap;gap:.4rem;display:flex}.projects-section .project-links .project-link{color:var(--link-text);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.7rem;font-weight:600;text-decoration:none;display:inline-flex}.projects-section .project-links .demo-btn{background:rgba(0,184,212,.25);border:1px solid rgba(0,184,212,.4);transition:all .3s}.projects-section .project-links .demo-btn:hover{background:rgba(0,184,212,.4);box-shadow:0 0 12px rgba(0,184,212,.3)}.projects-section .slide-arrow{backdrop-filter:blur(8px);width:36px;height:36px;color:var(--tag-text);cursor:pointer;z-index:10;background:rgba(176,190,197,.1);border:1px solid rgba(176,190,197,.2);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.projects-section .slide-arrow:hover:not(:disabled){background:rgba(0,184,212,.3);border-color:#00b8d4}.projects-section .slide-arrow:disabled{opacity:.2;cursor:not-allowed}.projects-section .slide-arrow-left{left:0}.projects-section .slide-arrow-right{right:0}.projects-section .slide-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.projects-section .slide-dot{cursor:pointer;background:rgba(176,190,197,.25);border:2px solid rgba(176,190,197,.4);border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.projects-section .slide-dot.active{background:#00b8d4;border-color:#00b8d4;width:10px;height:10px}.projects-section .slide-counter{opacity:.5;margin-left:.4rem;font-size:.65rem}@media (max-width:768px){.projects-section .projects-inner{max-width:100%;padding:0}.projects-section .projects-slideshow{min-height:auto;padding:0 1.75rem}.projects-section .project-slide{grid-template-columns:1fr;gap:.6rem}.projects-section .project-screenshot{aspect-ratio:16/9;border-radius:8px}.projects-section .project-placeholder{min-height:100px}.projects-section .project-placeholder .placeholder-icon{font-size:1.8rem}.projects-section .project-placeholder .placeholder-text{font-size:.6rem}.projects-section .project-name{font-size:.9rem}.projects-section .project-type{padding:.1rem .35rem;font-size:.48rem}.projects-section .project-description{font-size:.68rem;line-height:1.5}.projects-section .project-highlights .highlight-item{font-size:.62rem}.projects-section .project-tech-stack{gap:.15rem}.projects-section .project-tech-tag{padding:.06rem .3rem;font-size:.5rem}.projects-section .project-links{gap:.3rem}.projects-section .project-links .project-link{padding:.2rem .5rem;font-size:.6rem}.projects-section .slide-arrow{width:26px;height:26px;font-size:1rem}.projects-section .slide-arrow-left{left:0}.projects-section .slide-arrow-right{right:0}.projects-section .slide-dots{gap:.35rem;margin-top:.5rem}.projects-section .slide-dot{width:6px;height:6px}.projects-section .slide-dot.active{width:8px;height:8px}}.micro-app-modal-overlay{z-index:9999;backdrop-filter:blur(6px);background:rgba(0,0,0,.75);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.micro-app-modal{border:1px solid rgba(0,184,212,.3);border-radius:10px;flex-direction:column;width:100%;max-width:960px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 24px 64px rgba(0,0,0,.6)}.micro-app-modal .micro-app-toolbar{background:rgba(30,30,30,.98);border-bottom:1px solid rgba(176,190,197,.1);flex-shrink:0;align-items:center;gap:.3rem;padding:.4rem .6rem;display:flex}.micro-app-modal .micro-app-toolbar .toolbar-left{gap:.25rem;display:flex}.micro-app-modal .micro-app-toolbar .toolbar-dot{border-radius:50%;width:8px;height:8px}.micro-app-modal .micro-app-toolbar .toolbar-dot.red{background:#ff5f57}.micro-app-modal .micro-app-toolbar .toolbar-dot.yellow{background:#febc2e}.micro-app-modal .micro-app-toolbar .toolbar-dot.green{background:#28c840}.micro-app-modal .micro-app-toolbar .toolbar-title{text-align:center;opacity:.5;color:#b0bec5;flex:1;font-family:JetBrains Mono,Fira Code,SF Mono,Cascadia Code,monospace;font-size:.58rem}.micro-app-modal .micro-app-toolbar .toolbar-close{color:rgba(176,190,197,.5);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.1rem .3rem;font-size:.7rem;transition:all .2s}.micro-app-modal .micro-app-toolbar .toolbar-close:hover{color:#ff5f57;background:rgba(255,95,87,.15)}.micro-app-modal .micro-app-content{flex:1;min-height:300px;overflow-y:auto}.micro-app-modal .micro-app-loading{color:#b0bec5;opacity:.6;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem;font-size:.7rem;display:flex}.micro-app-modal .micro-app-loading .loading-spinner{font-size:1.5rem}@media (max-width:768px){.micro-app-modal{border-radius:8px;max-height:90vh}.micro-app-modal .micro-app-toolbar{padding:.3rem .5rem}.micro-app-modal .micro-app-toolbar .toolbar-title{font-size:.5rem}.micro-app-modal .micro-app-toolbar .toolbar-dot{width:6px;height:6px}.micro-app-modal .micro-app-content{min-height:200px}}:root{--color-primary:#00e5ff;--color-secondary:#00b8d4;--color-info:#00bfa5;--color-light:#b0bec5;--color-success:#39ff14;--color-warning:#ffd740;--color-error:#ff1744;--color-text-primary:#e0e0e0;--color-text-secondary:#90a4ae;--color-text-light:#607d8b;--color-text-white:#fff;--color-bg-light:#1a1a24;--color-bg-white:#fff;--font-mono:JetBrains Mono, Fira Code, SF Mono, Cascadia Code, monospace;--font-sans:Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:16px;--font-size-xl:18px}.center{justify-content:center;align-items:center;display:flex}.green{color:#39ff14}.red{color:#ff1744}html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{border-radius:6px}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{background-color:rgba(132,140,153,.7);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:#848c99}