@font-face{font-family:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.0kjod.kaq1k69.woff2)format("woff2");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:Outfit;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.0gx2haw2tmll8.woff2)format("woff2");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:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_2e8b994d-module__tAOBgG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_2e8b994d-module__tAOBgG__variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/88731e1a74492905-s.093kp-ivx0g2f.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/861011d7404b02f6-s.0.xm8qlf5_315.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3381337b621a9a6a-s.064fjoont5c7t.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5413d6e6d8960ee4-s.05vzz1snb6e.m.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0951afe60dbf5d36-s.04q-sk9kar98f.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/97e7b204180d1274-s.15almw42k3wem.woff2)format("woff2");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:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:url(../media/b8b552e8609c5636-s.p.0vinx1niofu4y.woff2)format("woff2");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:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/88731e1a74492905-s.093kp-ivx0g2f.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/861011d7404b02f6-s.0.xm8qlf5_315.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3381337b621a9a6a-s.064fjoont5c7t.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5413d6e6d8960ee4-s.05vzz1snb6e.m.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0951afe60dbf5d36-s.04q-sk9kar98f.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/97e7b204180d1274-s.15almw42k3wem.woff2)format("woff2");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:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:url(../media/b8b552e8609c5636-s.p.0vinx1niofu4y.woff2)format("woff2");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:Fira Code Fallback;src:local(Arial);ascent-override:73.56%;descent-override:23.92%;line-gap-override:0.0%;size-adjust:134.59%}.fira_code_f427fd59-module__Zu_00q__className{font-family:Fira Code,Fira Code Fallback;font-style:normal}.fira_code_f427fd59-module__Zu_00q__variable{--font-fira-code:"Fira Code", "Fira Code Fallback"}
:root{--md-sys-font-sans:var(--font-outfit), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--md-sys-font-mono:var(--font-fira-code), "Courier New", monospace;--md-sys-color-primary:#adc6ff;--md-sys-color-on-primary:#002e69;--md-sys-color-primary-container:#004397;--md-sys-color-on-primary-container:#dbe2ff;--md-sys-color-secondary:#bfc6dc;--md-sys-color-on-secondary:#293041;--md-sys-color-secondary-container:#3f4759;--md-sys-color-on-secondary-container:#dbe2f9;--md-sys-color-surface:#0e1116;--md-sys-color-on-surface:#e2e2e9;--md-sys-color-surface-variant:#44474f;--md-sys-color-on-surface-variant:#c4c6d0;--md-sys-color-outline:#8e9099;--md-sys-color-outline-variant:#ffffff14;--md-sys-color-surface-container-lowest:#07090c;--md-sys-color-surface-container-low:#12151b;--md-sys-color-surface-container:#181c2473;--md-sys-color-surface-container-high:#21263099;--md-sys-color-surface-container-highest:#2b313ed9;--md-sys-color-shadow:#00000080;--md-sys-color-ripple:#ffffff1f;--md-sys-color-ripple-primary:#adc6ff29;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-duration-short:.15s;--md-sys-motion-duration-medium:.25s;--md-sys-motion-duration-long:.5s;--md-sys-layout-max-width:960px}.light-mode{--md-sys-color-primary:#005faf;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#dbe2ff;--md-sys-color-on-primary-container:#001a43;--md-sys-color-secondary:#565e71;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#dbe2f9;--md-sys-color-on-secondary-container:#131b2c;--md-sys-color-surface:#f4f6fc;--md-sys-color-on-surface:#1a1b20;--md-sys-color-surface-variant:#e1e2ec;--md-sys-color-on-surface-variant:#44474f;--md-sys-color-outline:#74777f;--md-sys-color-outline-variant:#0000000d;--md-sys-color-surface-container-lowest:#fff;--md-sys-color-surface-container-low:#ebeef6;--md-sys-color-surface-container:#e6eaf573;--md-sys-color-surface-container-high:#dbe0ed99;--md-sys-color-surface-container-highest:#ced4e3d9;--md-sys-color-shadow:#005faf0a;--md-sys-color-ripple:#0000000f;--md-sys-color-ripple-primary:#005faf1a}.ambient-blobs-container{z-index:-3;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.ambient-blob{border-radius:var(--md-sys-shape-corner-full);filter:blur(140px);opacity:.16;mix-blend-mode:screen;transition:background-color 1.2s,opacity .3s;position:absolute}.light-mode .ambient-blob{opacity:.07;mix-blend-mode:multiply;filter:blur(120px)}.blob-1{background-color:var(--md-sys-color-primary);width:500px;height:500px;animation:25s ease-in-out infinite alternate blob-drift-1;top:-8%;left:-8%}.blob-2{background-color:var(--md-sys-color-primary-container);width:600px;height:600px;animation:30s ease-in-out infinite alternate blob-drift-2;bottom:-12%;right:-10%}.blob-3{background-color:var(--md-sys-color-secondary-container);width:450px;height:450px;animation:20s ease-in-out infinite alternate blob-drift-3;top:42%;left:45%}@keyframes blob-drift-1{0%{transform:translate(0)scale(1)}to{transform:translate(120px,140px)scale(1.15)}}@keyframes blob-drift-2{0%{transform:translate(0)scale(1)}to{transform:translate(-140px,-100px)scale(1.25)}}@keyframes blob-drift-3{0%{transform:translate(0)scale(1)}to{transform:translate(90px,-110px)scale(.85)}}html{scroll-behavior:smooth}*{box-sizing:border-box;transition:background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);margin:0;padding:0}body{background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);font-family:var(--md-sys-font-sans);flex-direction:column;min-height:100vh;padding-top:72px;line-height:1.5;display:flex;position:relative;overflow-x:hidden}.md-ripple-container{position:relative;overflow:hidden}.md-ripple{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-ripple);pointer-events:none;animation:ripple-wave .6s var(--md-sys-motion-easing-standard);position:absolute;transform:scale(0)}.md-ripple-primary .md-ripple{background-color:var(--md-sys-color-ripple-primary)}@keyframes ripple-wave{to{opacity:0;transform:scale(4.5)}}.md-top-app-bar{-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:100;background-color:#0e111673;justify-content:center;align-items:center;width:100%;height:72px;display:flex;position:fixed;top:0;left:0}.light-mode .md-top-app-bar{background-color:#f4f6fc8c}.md-top-app-bar__container{width:100%;max-width:var(--md-sys-layout-max-width);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.md-top-app-bar__title{letter-spacing:-.6px;color:var(--md-sys-color-primary);font-size:1.4rem;font-weight:800}.md-app-bar-actions{align-items:center;gap:1.25rem;display:flex}.md-accent-picker{border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline-variant);background-color:#ffffff08;align-items:center;gap:.5rem;padding:.35rem .65rem;display:flex}.light-mode .md-accent-picker{background-color:#00000005}.md-accent-dot{border-radius:var(--md-sys-shape-corner-full);cursor:pointer;width:18px;height:18px;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:2px solid #0000;outline:none}.md-accent-dot:hover{transform:scale(1.25)}.md-accent-dot.active{border-color:var(--md-sys-color-on-surface);box-shadow:0 0 8px var(--md-sys-color-primary);transform:scale(1.1)}.md-icon-button{cursor:pointer;border-radius:var(--md-sys-shape-corner-full);width:44px;height:44px;color:var(--md-sys-color-on-surface-variant);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;border:none;outline:none;justify-content:center;align-items:center;display:inline-flex}.md-icon-button:hover{background-color:var(--md-sys-color-ripple);color:var(--md-sys-color-on-surface)}.md-icon-button i{font-size:1.15rem}.container{width:100%;max-width:var(--md-sys-layout-max-width);flex-direction:column;flex-grow:1;gap:3.5rem;margin:0 auto;padding:3rem 1.5rem 5rem;display:flex}h1.hero-title{letter-spacing:-1.8px;text-align:center;color:var(--md-sys-color-on-surface);flex-direction:column;align-items:center;margin-top:1.5rem;font-size:3.25rem;font-weight:800;line-height:1.1;display:flex}.rocket-icon{filter:drop-shadow(0 0 20px var(--md-sys-color-primary));margin-bottom:.5rem;font-size:3.75rem;animation:4s ease-in-out infinite float-rocket;display:block}@keyframes float-rocket{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.highlight{color:var(--md-sys-color-primary);background:linear-gradient(120deg, var(--md-sys-color-primary) 0%, var(--md-sys-color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}h2{letter-spacing:-.6px;color:var(--md-sys-color-on-surface);margin-bottom:1.5rem;font-size:1.85rem;font-weight:700}h3{color:var(--md-sys-color-on-surface);font-size:1.3rem;font-weight:650}p{color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;font-weight:400;line-height:1.65}.profile{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);text-align:center;-webkit-backdrop-filter:blur(28px);box-shadow:0 12px 32px var(--md-sys-color-shadow);flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2.5rem;display:flex;position:relative;overflow:hidden}.avatar{background:linear-gradient(135deg, var(--md-sys-color-primary), var(--md-sys-color-secondary));cursor:pointer;width:140px;height:140px;box-shadow:0 8px 24px var(--md-sys-color-shadow);transition:transform var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized), box-shadow var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized);border-radius:60% 40% 30% 70%/60% 30% 70% 40%;justify-content:center;align-items:center;padding:5px;animation:8s ease-in-out infinite avatar-liquid-morph;display:flex}.avatar:hover{box-shadow:0 12px 32px var(--md-sys-color-shadow);transform:rotate(5deg)scale(1.08)}@keyframes avatar-liquid-morph{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:40% 60% 70% 30%/50% 60% 30% 70%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.profile-image{border-radius:inherit;object-fit:cover;background-color:var(--md-sys-color-surface-container-highest);width:100%;height:100%}.bio{flex-direction:column;gap:1rem;max-width:620px;display:flex}.bio p{font-size:1.15rem}.resume-btn{background-color:var(--md-sys-color-primary);letter-spacing:.2px;border-radius:var(--md-sys-shape-corner-full);box-shadow:0 4px 12px var(--md-sys-color-shadow);cursor:pointer;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;outline:none;justify-content:center;align-self:center;align-items:center;gap:.75rem;margin-top:1rem;padding:.95rem 2.5rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;color:var(--md-sys-color-on-primary)!important}.resume-btn:hover{box-shadow:0 8px 20px var(--md-sys-color-shadow);opacity:.95;transform:translateY(-2px)}.resume-btn i{font-size:1.1rem}.skills{text-align:center;width:100%}.skill-tags{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.skill-tag{background-color:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);cursor:pointer;-webkit-backdrop-filter:blur(12px);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);-webkit-user-select:none;user-select:none;align-items:center;gap:.6rem;padding:.55rem 1.35rem;font-size:.9rem;font-weight:600;display:inline-flex}.skill-tag:hover{background-color:var(--md-sys-color-ripple);color:var(--md-sys-color-on-surface);border-color:var(--md-sys-color-outline);transform:translateY(-1px)}.skill-tag i.fa-check{opacity:0;width:0;transition:width .15s var(--md-sys-motion-easing-standard), opacity .15s var(--md-sys-motion-easing-standard);font-size:.75rem;overflow:hidden}.active-skill{box-shadow:0 4px 10px var(--md-sys-color-shadow);background-color:var(--md-sys-color-secondary-container)!important;color:var(--md-sys-color-on-secondary-container)!important;border-color:#0000!important}.active-skill i.fa-check{opacity:1;width:12px}.projects{text-align:center;width:100%}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2.25rem;margin-top:1.5rem;display:grid}.project-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);text-align:left;-webkit-backdrop-filter:blur(28px);box-shadow:0 8px 24px var(--md-sys-color-shadow);transition:transform var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized), box-shadow var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized), border-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);cursor:pointer;flex-direction:column;display:flex;overflow:hidden}.project-card:hover{box-shadow:0 16px 36px var(--md-sys-color-shadow);border-color:var(--md-sys-color-primary);transform:translateY(-6px)}.project-image{background-color:var(--md-sys-color-surface-container-highest);border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.project-content{flex-direction:column;flex-grow:1;gap:.85rem;padding:1.75rem;display:flex}.project-title{color:var(--md-sys-color-on-surface);font-size:1.4rem;font-weight:700}.project-desc{color:var(--md-sys-color-on-surface-variant);flex-grow:1;font-size:.95rem;line-height:1.6}.project-tags{flex-wrap:wrap;gap:.5rem;margin:.5rem 0;display:flex}.project-tag{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border-radius:var(--md-sys-shape-corner-extra-small);border:1px solid var(--md-sys-color-outline-variant);padding:.25rem .65rem;font-size:.75rem;font-weight:600}.project-links{gap:1rem;margin-top:.5rem;display:flex}.project-link{letter-spacing:.6px;text-transform:uppercase;border-radius:var(--md-sys-shape-corner-full);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-primary);align-items:center;gap:.5rem;padding:.55rem 1.15rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.project-link:hover{background-color:var(--md-sys-color-ripple);border-color:var(--md-sys-color-primary)}.project-link:first-child{background-color:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:#0000}.project-link:first-child:hover{opacity:.9}.mockup-browser{border-radius:var(--md-sys-shape-corner-small);width:85%;height:80%;transition:transform var(--md-sys-motion-duration-long) var(--md-sys-motion-easing-emphasized), border-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);background-color:#1a1a1a;border:1px solid #ffffff14;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 6px 16px #0006}.light-mode .mockup-browser{background-color:#f0f2f5;border:1px solid #00000014;box-shadow:0 6px 16px #0000000f}.browser-header{background-color:#242424;border-bottom:1px solid #ffffff0a;align-items:center;gap:.3rem;padding:.4rem .6rem;display:flex}.light-mode .browser-header{background-color:#e2e6eb;border-bottom:1px solid #0000000a}.browser-dot{border-radius:var(--md-sys-shape-corner-full);width:6px;height:6px}.browser-dot.red{background-color:#ff5f56}.browser-dot.yellow{background-color:#ffbd2e}.browser-dot.green{background-color:#27c93f}.browser-address{font-size:8px;font-family:var(--md-sys-font-mono);color:#ffffff73;text-align:center;background-color:#ffffff0d;border-radius:4px;flex-grow:1;max-width:130px;margin-left:.6rem;padding:1px 8px}.light-mode .browser-address{color:#00000073;background-color:#0000000d}.browser-body{font-family:var(--md-sys-font-mono);flex-direction:column;flex-grow:1;justify-content:center;padding:.75rem;font-size:9.5px;line-height:1.4;display:flex}.code-editor-sim{color:#c5c8c6}.light-mode .code-editor-sim{color:#373b41}.editor-line{white-space:nowrap;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.indent-1{margin-left:.75rem}.sim-keyword{color:#81a2be;font-weight:600}.light-mode .sim-keyword{color:#005faf}.sim-var{color:#c66}.light-mode .sim-var{color:#006874}.sim-str{color:#b5bd68}.light-mode .sim-str{color:#b78103}.project-card:hover .mockup-browser{border-color:var(--md-sys-color-primary);transform:scale(1.04)translateY(-2px)}.project-card:hover .editor-line:nth-child(2n){transform:translate(4px)}.mockup-weather{border-radius:var(--md-sys-shape-corner-medium);background:linear-gradient(135deg,#1c2b42 0%,#111a2e 100%);border:1px solid #ffffff0d;grid-template-columns:1.1fr 1fr;align-items:center;gap:.5rem;width:85%;height:85%;padding:.85rem;display:grid;position:relative;overflow:hidden;box-shadow:0 6px 16px #00000059}.light-mode .mockup-weather{background:linear-gradient(135deg,#74b9ff 0%,#0984e3 100%);border:1px solid #0000000d}.weather-sky{width:100%;height:50px;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;display:flex;position:relative}.weather-sun{border-radius:var(--md-sys-shape-corner-full);width:24px;height:24px;transition:transform .5s var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);background-color:#ff9f43;animation:18s linear infinite weather-sun-spin;position:relative;box-shadow:0 0 16px #ff9f43}.ray{background-color:#ffca28;border-radius:2px;width:2px;height:6px;position:absolute;top:50%;left:50%}.ray-1{transform:translate(-50%,-18px)}.ray-2{transform:translate(-50%,12px)}.ray-3{transform:translate(-15px,-50%)rotate(90deg)}.ray-4{transform:translate(13px,-50%)rotate(90deg)}@keyframes weather-sun-spin{to{transform:rotate(360deg)}}.weather-cloud{background-color:#ffffffd9;border-radius:8px;width:28px;height:12px;position:absolute;bottom:8px}.weather-cloud:before,.weather-cloud:after{content:"";background-color:inherit;border-radius:var(--md-sys-shape-corner-full);position:absolute}.weather-cloud:before{width:14px;height:14px;top:-5px;left:4px}.weather-cloud:after{width:10px;height:10px;top:-3px;right:3px}.cloud-first{animation:6s ease-in-out infinite alternate cloud-sailing-1;left:8%}.cloud-second{animation:8s ease-in-out infinite alternate cloud-sailing-2;bottom:15px;right:8%;transform:scale(.7)}@keyframes cloud-sailing-1{0%{transform:translate(0)}to{transform:translate(6px)}}@keyframes cloud-sailing-2{0%{transform:translate(0)scale(.7)}to{transform:translate(-5px)scale(.7)}}.weather-info{color:#fff;flex-direction:column;display:flex}.weather-info .temp{letter-spacing:-.5px;font-size:1.5rem;font-weight:800;line-height:1}.weather-info .status{opacity:.85;text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}.weather-dials{border-radius:var(--md-sys-shape-corner-small);color:#fff;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background-color:#ffffff14;border:1px solid #ffffff0d;grid-column:span 2;justify-content:space-around;padding:.25rem .5rem;font-size:8px;display:flex}.dial{flex-direction:column;align-items:center;display:flex}.dial-val{font-weight:700}.dial-label{opacity:.7}.project-card:hover .weather-sun{background-color:#ff6f00;animation:5s linear infinite weather-sun-spin;box-shadow:0 0 24px #ff6f00}.project-card:hover .weather-sky{transform:translateY(-3px)scale(1.05)}.project-card:hover .weather-dials{background-color:#ffffff2e}.contact-info{background-color:var(--md-sys-color-surface-container-low);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);text-align:center;-webkit-backdrop-filter:blur(12px);align-self:center;align-items:center;gap:.6rem;max-width:100%;padding:1.25rem 2.25rem;font-size:1.05rem;display:inline-flex}.contact-info a{color:var(--md-sys-color-primary);font-weight:700;text-decoration:none}.contact-info a:hover{text-decoration:underline}.social-links{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.social-links a{color:var(--md-sys-color-on-secondary-container);background-color:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);width:52px;height:52px;box-shadow:0 2px 4px var(--md-sys-color-shadow);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);justify-content:center;align-items:center;font-size:1.25rem;text-decoration:none;display:inline-flex}.social-links a:hover{color:var(--md-sys-color-on-primary-container);background-color:var(--md-sys-color-primary-container);box-shadow:0 6px 16px var(--md-sys-color-shadow);transform:translateY(-4px)scale(1.05)}.footer{text-align:center;color:var(--md-sys-color-on-surface-variant);border-top:1px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container-lowest);-webkit-backdrop-filter:blur(12px);width:100%;padding:3rem 1.5rem;font-size:.85rem}.animate-in{opacity:0;transition:opacity .6s var(--md-sys-motion-easing-standard), transform .6s var(--md-sys-motion-easing-standard);transform:translateY(32px)}.animate-in.visible{opacity:1;transform:translateY(0)}.code-background{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.code-text{font-size:14px;font-family:var(--md-sys-font-mono);white-space:nowrap;opacity:.18;-webkit-user-select:none;user-select:none;transition:color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);position:absolute}.keyword{color:#adc6ff}.function{color:#dcdcaa}.string{color:#ce9178}.number{color:#b5cea8}.comment{color:#6a9955}.variable{color:#9cdcfe}.operator{color:#d4d4d4}.class{color:#4ec9b0}.light-mode .keyword{color:#0050a0}.light-mode .function{color:#6b4c00}.light-mode .string{color:#8b2500}.light-mode .number{color:#1f5c00}.light-mode .comment{color:#2d5a1b}.light-mode .variable{color:#005666}.light-mode .operator{color:#2c2f36}.light-mode .class{color:#005546}.light-mode .code-text{opacity:.22}.code-text:first-child{animation:20s linear infinite fallDown;top:-120px;left:5%}.code-text:nth-child(2){animation:28s linear 5s infinite fallDown;top:-120px;left:15%}.code-text:nth-child(3){animation:18s linear 2s infinite fallDown;top:-120px;left:28%}.code-text:nth-child(4){animation:25s linear 7s infinite fallDown;top:-120px;left:40%}.code-text:nth-child(5){animation:22s linear 3s infinite fallDown;top:-120px;left:52%}.code-text:nth-child(6){animation:30s linear 10s infinite fallDown;top:-120px;left:64%}.code-text:nth-child(7){animation:24s linear 6s infinite fallDown;top:-120px;left:75%}.code-text:nth-child(8){animation:27s linear 4s infinite fallDown;top:-120px;left:86%}.code-text:nth-child(9){animation:29s linear 8s infinite fallDown;top:-120px;left:95%}@keyframes fallDown{0%{transform:translateY(-100px)}to{transform:translateY(calc(100vh + 150px))}}@media (max-width:768px){body{padding-top:64px}.md-top-app-bar{height:64px}.md-accent-picker{gap:.35rem;padding:.25rem .5rem}.md-accent-dot{width:15px;height:15px}h1.hero-title{letter-spacing:-1.2px;font-size:2.5rem}.rocket-icon{font-size:3rem}.profile{padding:2rem 1.5rem}.avatar{width:120px;height:120px}.projects-grid{grid-template-columns:1fr;gap:1.75rem}.container{gap:3rem;padding-top:2rem}.code-text{font-size:11px}.code-text:nth-child(4),.code-text:nth-child(5){display:none}}@media (max-width:480px){h1.hero-title{letter-spacing:-.8px;font-size:2.1rem}.md-accent-picker{display:none}.skill-tags{gap:.5rem}.skill-tag{padding:.45rem 1rem;font-size:.85rem}.resume-btn{width:100%}.contact-info{flex-direction:column;width:100%;padding:1.25rem}.social-links{flex-wrap:wrap;justify-content:center}}.contact-form-section{text-align:center;width:100%}.contact-card{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-extra-large);-webkit-backdrop-filter:blur(28px);max-width:600px;box-shadow:0 12px 32px var(--md-sys-color-shadow);text-align:left;flex-direction:column;gap:1.5rem;margin:1.5rem auto 0;padding:3rem 2.5rem;display:flex}.contact-card p{text-align:center;margin-bottom:.5rem}.contact-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{width:100%;position:relative}.form-input,.form-textarea{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-medium);width:100%;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-font-sans);transition:border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background-color:#ffffff05;outline:none;padding:1rem 1.25rem;font-size:1rem}.light-mode .form-input,.light-mode .form-textarea{background-color:#00000003}.form-textarea{resize:vertical;min-height:120px}.form-input:focus,.form-textarea:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary);background-color:#ffffff0a}.light-mode .form-input:focus,.light-mode .form-textarea:focus{background-color:#00000008}.form-label{color:var(--md-sys-color-on-surface-variant);pointer-events:none;transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), font-size var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);transform-origin:0 0;position:absolute;top:1rem;left:1.25rem}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label,.form-textarea:focus~.form-label,.form-textarea:not(:placeholder-shown)~.form-label{color:var(--md-sys-color-primary);background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-extra-small);padding:0 .4rem;transform:translateY(-1.4rem)scale(.8)}.form-textarea~.form-label{top:1rem}.submit-btn{background-color:var(--md-sys-color-primary);width:100%;color:var(--md-sys-color-on-primary);font-family:var(--md-sys-font-sans);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;box-shadow:0 4px 12px var(--md-sys-color-shadow);transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;outline:none;justify-content:center;align-items:center;gap:.75rem;padding:.95rem 2rem;font-size:1rem;font-weight:600;display:inline-flex}.submit-btn:hover{box-shadow:0 8px 20px var(--md-sys-color-shadow);opacity:.95;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.submit-btn i{font-size:1.1rem}.form-status{border-radius:var(--md-sys-shape-corner-medium);animation:form-status-fade .3s var(--md-sys-motion-easing-emphasized);align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.95rem;font-weight:500;display:flex}.form-status.success{color:#a3f3c3;background-color:#00a86b26;border:1px solid #00a86b4d}.light-mode .form-status.success{color:#006b47;background-color:#00875a1a;border:1px solid #00875a33}.form-status.error{color:#ffb2c5;background-color:#e91e6326;border:1px solid #e91e634d}.light-mode .form-status.error{color:#b0003a;background-color:#d81b601a;border:1px solid #d81b6033}@keyframes form-status-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact-card{margin-top:1rem;padding:2rem 1.5rem}}.typewriter-line{letter-spacing:-.3px;color:var(--md-sys-color-on-surface-variant);min-height:2rem;margin-top:.75rem;font-size:1.35rem;font-weight:500;display:block}.typewriter-text{color:var(--md-sys-color-primary);font-weight:700}.typewriter-cursor{color:var(--md-sys-color-primary);margin-left:1px;font-weight:300;animation:1s step-end infinite cursor-blink;display:inline-block}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.md-nav-links{align-items:center;gap:.25rem;display:flex}.md-nav-link{color:var(--md-sys-color-on-surface-variant);letter-spacing:.3px;border-radius:var(--md-sys-shape-corner-full);transition:color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);padding:.45rem .9rem;font-size:.9rem;font-weight:600;text-decoration:none}.md-nav-link:hover{color:var(--md-sys-color-on-surface);background-color:var(--md-sys-color-ripple)}.md-hamburger{display:none}.md-mobile-menu{background-color:var(--md-sys-color-surface-container-highest);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:99;opacity:0;pointer-events:none;width:100%;transition:opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);flex-direction:column;padding:.5rem 0;display:none;position:absolute;top:72px;left:0;transform:translateY(-8px)}.md-mobile-menu.open{opacity:1;pointer-events:auto;display:flex;transform:translateY(0)}.md-mobile-link{color:var(--md-sys-color-on-surface);transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);padding:.9rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;display:block}.md-mobile-link:hover{background-color:var(--md-sys-color-ripple)}@media (max-width:768px){.md-nav-links{display:none}.md-hamburger{display:inline-flex}.md-top-app-bar{position:relative;overflow:visible}}.about-section{width:100%}.about-section h2{text-align:center}.timeline{flex-direction:column;gap:0;margin-top:2rem;padding-left:1.5rem;display:flex;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--md-sys-color-primary), var(--md-sys-color-secondary-container));border-radius:2px;width:2px;position:absolute;top:.75rem;bottom:.75rem;left:2.1rem}.timeline-item{gap:1.5rem;padding-bottom:2.5rem;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border-radius:var(--md-sys-shape-corner-full);background-color:var(--md-sys-color-primary-container);width:44px;height:44px;color:var(--md-sys-color-on-primary-container);border:2px solid var(--md-sys-color-primary);box-shadow:0 4px 12px var(--md-sys-color-shadow);z-index:1;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized), box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.timeline-item:hover .timeline-dot{box-shadow:0 6px 20px var(--md-sys-color-shadow);transform:scale(1.12)}.timeline-content{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);-webkit-backdrop-filter:blur(12px);transition:border-color var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-standard);flex:1;padding:1.25rem 1.5rem}.timeline-item:hover .timeline-content{border-color:var(--md-sys-color-primary);box-shadow:0 6px 20px var(--md-sys-color-shadow)}.timeline-year{letter-spacing:.8px;text-transform:uppercase;color:var(--md-sys-color-primary);background-color:var(--md-sys-color-primary-container);border-radius:var(--md-sys-shape-corner-full);margin-bottom:.6rem;padding:.2rem .65rem;font-size:.75rem;font-weight:700;display:inline-block}.timeline-title{color:var(--md-sys-color-on-surface);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.timeline-desc{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1.6}@media (max-width:480px){.timeline{padding-left:.5rem}.timeline:before{left:1.35rem}.timeline-item{gap:1rem}}.skill-progress-list{flex-direction:column;gap:1.1rem;margin-top:2.5rem;display:flex}.skill-progress-item{width:100%}.skill-progress-header{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.skill-progress-name{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.skill-progress-name i{font-size:1rem}.skill-progress-pct{color:var(--md-sys-color-on-surface-variant);font-size:.8rem;font-weight:700;font-family:var(--md-sys-font-mono)}.skill-progress-track{background-color:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline-variant);width:100%;height:7px;overflow:hidden}.skill-progress-fill{border-radius:var(--md-sys-shape-corner-full);height:100%;transition:width 1s var(--md-sys-motion-easing-emphasized);box-shadow:0 0 8px}.fab-scroll-top{border-radius:var(--md-sys-shape-corner-large);background-color:var(--md-sys-color-primary-container);width:56px;height:56px;color:var(--md-sys-color-on-primary-container);cursor:pointer;box-shadow:0 6px 20px var(--md-sys-color-shadow);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized), transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized), background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:fixed;bottom:2rem;right:2rem;transform:translateY(16px)scale(.85)}.fab-scroll-top.fab-visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.fab-scroll-top:hover{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 10px 28px var(--md-sys-color-shadow);transform:translateY(-2px)scale(1.05)}@media (max-width:480px){.fab-scroll-top{width:48px;height:48px;font-size:1rem;bottom:1.25rem;right:1.25rem}}.md-snackbar{border-radius:var(--md-sys-shape-corner-medium);z-index:300;opacity:0;pointer-events:none;width:max-content;min-width:320px;max-width:520px;transition:transform .35s var(--md-sys-motion-easing-emphasized), opacity .35s var(--md-sys-motion-easing-emphasized);-webkit-backdrop-filter:blur(20px);align-items:center;gap:.85rem;padding:.95rem 1rem .95rem 1.25rem;font-size:.9rem;font-weight:500;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(80px);box-shadow:0 8px 24px #00000059}.md-snackbar.snackbar-visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.md-snackbar.snackbar-success{color:#a3f3c3;background-color:#005235eb;border:1px solid #a3f3c340}.light-mode .md-snackbar.snackbar-success{color:#003823;background-color:#d0f8e0f2;border:1px solid #00875a33}.md-snackbar.snackbar-error{color:#ffb2c5;background-color:#880e4feb;border:1px solid #ffb2c540}.light-mode .md-snackbar.snackbar-error{color:#4c0022;background-color:#ffe4ebf2;border:1px solid #d81b6033}.md-snackbar i:first-child{flex-shrink:0;font-size:1.1rem}.md-snackbar span{flex:1;line-height:1.4}.snackbar-dismiss{cursor:pointer;color:inherit;opacity:.7;border-radius:var(--md-sys-shape-corner-small);transition:opacity var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.25rem .35rem;font-size:.9rem;display:flex}.snackbar-dismiss:hover{opacity:1}@media (max-width:480px){.md-snackbar{min-width:calc(100vw - 2.5rem);max-width:calc(100vw - 2.5rem);bottom:1.25rem}}.not-found-page{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;min-height:100vh;padding:2rem 1.5rem;display:flex;position:relative}.not-found-code{gap:.25rem;margin-bottom:.5rem;line-height:1;display:flex}.nf-digit{letter-spacing:-4px;color:var(--md-sys-color-primary);opacity:.15;font-size:clamp(5rem,18vw,9rem);font-weight:800;font-family:var(--md-sys-font-sans);animation:4s ease-in-out infinite nf-glitch;display:inline-block}.nf-zero{color:var(--md-sys-color-on-surface);opacity:.06}@keyframes nf-glitch{0%,90%,to{opacity:.15;text-shadow:none;transform:translate(0)skew(0)}92%{opacity:.9;text-shadow:3px 0 var(--md-sys-color-primary), -3px 0 #f05;transform:translate(-3px)skew(-4deg)}94%{opacity:.5;text-shadow:-3px 0 var(--md-sys-color-primary), 3px 0 #f05;transform:translate(3px)skew(4deg)}96%{opacity:.9;text-shadow:none;transform:translate(0)skew(0)}}.nf-icon{color:var(--md-sys-color-primary);opacity:.8;font-size:2.5rem;animation:3s ease-in-out infinite nf-float}@keyframes nf-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(-8deg)}}.nf-title{color:var(--md-sys-color-on-surface);margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:700}.nf-desc{color:var(--md-sys-color-on-surface-variant);max-width:460px;margin:0;font-size:1rem;line-height:1.7}.nf-code-block{background-color:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);font-family:var(--md-sys-font-mono);text-align:left;-webkit-backdrop-filter:blur(12px);flex-direction:column;gap:.35rem;width:100%;max-width:480px;padding:1rem 1.5rem;font-size:.85rem;display:flex}.nf-code-line{white-space:pre-wrap;word-break:break-all;display:block}.nf-error{color:#ffb2c5}.light-mode .nf-error{color:#d81b60}.nf-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.5rem;display:flex}.nf-btn-primary,.nf-btn-secondary{border-radius:var(--md-sys-shape-corner-full);cursor:pointer;font-size:.95rem;font-weight:600;font-family:var(--md-sys-font-sans);transition:transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized), box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex;position:relative;overflow:hidden}.nf-btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:0 4px 14px var(--md-sys-color-shadow)}.nf-btn-primary:hover{box-shadow:0 8px 22px var(--md-sys-color-shadow);transform:translateY(-2px)}.nf-btn-secondary{background-color:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant)}.nf-btn-secondary:hover{background-color:var(--md-sys-color-surface-container-highest);transform:translateY(-2px)}.nf-countdown{color:var(--md-sys-color-on-surface-variant);opacity:.7;margin:0;font-size:.82rem}.nf-countdown-num{color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums;min-width:1.2ch;font-weight:700;display:inline-block}.cursor-glow{pointer-events:none;z-index:9999;opacity:0;background:radial-gradient(circle, color-mix(in srgb, var(--md-sys-color-primary) 12%, transparent) 0%, transparent 70%);will-change:left, top;mix-blend-mode:screen;border-radius:50%;width:300px;height:300px;transition:opacity .4s;position:fixed;transform:translate(-50%,-50%)}.light-mode .cursor-glow{mix-blend-mode:multiply;background:radial-gradient(circle, color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent) 0%, transparent 70%)}@media (hover:none){.cursor-glow{display:none}}body:not(.page-loaded) .animate-in{opacity:0!important;transform:translateY(30px)!important}body.page-loaded .animate-in{transition:opacity .7s var(--md-sys-motion-easing-emphasized), transform .7s var(--md-sys-motion-easing-emphasized)}.project-card{position:relative}.project-card:before{content:"";border-radius:calc(var(--md-sys-shape-corner-large) + 2px);background:conic-gradient(from var(--gradient-angle,0deg), var(--md-sys-color-primary), transparent 40%, transparent 60%, var(--md-sys-color-primary));-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:0;padding:2px;transition:opacity .4s;animation:3s linear infinite paused rotate-gradient;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.project-card:hover:before{opacity:1;animation-play-state:running}@keyframes rotate-gradient{to{--gradient-angle:360deg}}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}::view-transition-old(root){z-index:1}::view-transition-new(root){z-index:9999;animation:.6s cubic-bezier(.4,0,.2,1) reveal-clip}@keyframes reveal-clip{0%{clip-path:circle(0% at var(--reveal-x,50%) var(--reveal-y,50%))}to{clip-path:circle(var(--reveal-radius,150vmax) at var(--reveal-x,50%) var(--reveal-y,50%))}}.lang-toggle{border-radius:var(--md-sys-shape-corner-full);border:1.5px solid var(--md-sys-color-outline-variant);background-color:var(--md-sys-color-surface-container);cursor:pointer;min-width:2.5rem;height:2rem;transition:background-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), border-color var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard), transform var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-emphasized);justify-content:center;align-items:center;padding:0 .65rem;display:inline-flex;position:relative;overflow:hidden}.lang-toggle:hover{background-color:var(--md-sys-color-surface-container-high);border-color:var(--md-sys-color-primary);transform:translateY(-1px)}.lang-toggle-label{font-size:.75rem;font-weight:700;font-family:var(--md-sys-font-sans);color:var(--md-sys-color-primary);letter-spacing:.04em;text-transform:uppercase;pointer-events:none}
