:root{font-synthesis:none;text-rendering:optimizelegibility;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input,textarea{font:inherit}:root{--background:#030914;--surface:#071525;--surface-light:#0b2035;--border:#67b7ea38;--text:#f5f7fb;--muted:#9aaabd;--blue:#38bdf8;--turquoise:#43e6cf}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--background);margin:0;overflow-x:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}img,svg{display:block}#root{min-height:100vh}.site{isolation:isolate;background:radial-gradient(circle at 78% 23%, #1a86c926, transparent 29rem), radial-gradient(circle at 65% 65%, #4e36ff12, transparent 30rem), var(--background);min-height:100vh;position:relative;overflow:hidden}.cursorTrail{z-index:9999;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}@media (hover:hover) and (pointer:fine){html,body,body *{cursor:none!important}}.navbar{z-index:100;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);background:#192534e0;border-radius:999px;justify-content:center;align-items:center;width:max-content;max-width:calc(100% - 32px);margin:22px auto 0;padding:5px;display:flex;position:sticky;top:18px;box-shadow:0 14px 35px #0000002e}.navbar nav{justify-content:center;align-items:center;gap:3px;display:flex}.navbar nav a{color:#c1cad6;white-space:nowrap;border-radius:999px;padding:12px 20px;font-size:.95rem;transition:color .2s,background .2s,transform .2s}.navbar nav a:hover{color:#fff;background:#ffffff0f}.navbar nav a.active{color:#fff;background:#079cf2;box-shadow:0 8px 25px #079cf240}.page{z-index:1;width:min(1180px,100% - 40px);min-height:calc(100vh - 105px);margin:0 auto;padding:78px 0;position:relative}.contentPage{min-height:auto}.pageHeading{max-width:720px;margin-bottom:50px}.pageHeading>span,.contactIntro>span{color:var(--turquoise);letter-spacing:.14em;margin-bottom:14px;font-family:monospace;font-size:.78rem;font-weight:700;display:block}.pageHeading h1,.contactIntro h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.85rem,2.2vw,2rem);line-height:1.1}.pageHeading>p,.contactIntro>p{color:var(--muted);margin:20px 0 0;font-size:1rem;line-height:1.75}.homePage{grid-template-columns:minmax(0,1fr) 380px;align-items:center;gap:90px;display:grid}.homeIntro{min-width:0;max-width:700px}.greeting{color:var(--text);margin:0 0 12px;font-size:1.15rem}.homeIntro h1{color:#079cf2;letter-spacing:-.045em;overflow-wrap:break-word;margin:0;font-size:clamp(1.85rem,2.2vw,2rem);line-height:1.07}.homeIntro h2{margin:16px 0 0;font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.3}.introText{max-width:680px;color:var(--muted);margin:27px 0 0;font-size:1rem;line-height:1.75}.socialLinks{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.socialLinks a{border:1px solid var(--border);width:48px;height:48px;color:var(--text);background:#081829b8;border-radius:13px;place-items:center;font-size:1.65rem;transition:transform .2s,border-color .2s,color .2s;display:grid}.socialLinks a:hover{color:var(--turquoise);border-color:var(--blue);transform:translateY(-3px)}.developerCard{text-align:center;border:1px solid var(--border);background:linear-gradient(145deg,#0b2035f5,#071525f0);border-radius:28px;justify-self:center;width:100%;max-width:380px;padding:36px 26px;box-shadow:0 24px 70px #0003}.photoPlaceholder{color:#02141b;background:linear-gradient(135deg, var(--blue), var(--turquoise));border:6px solid #dff5ff;border-radius:50%;place-items:center;width:158px;height:158px;margin:0 auto 26px;font-size:2.7rem;font-weight:900;display:grid}.developerInfo h3{margin:0;font-size:1.3rem;line-height:1.3}.developerInfo p{color:var(--blue);margin:10px 0;font-size:1rem}.developerInfo span{color:var(--muted);font-size:.9rem}.aboutGrid{grid-template-columns:1fr 1fr;gap:54px 75px;display:grid}.contentCard{background:0 0;border:0;min-width:0;padding:0}.contentCard h2{margin:0;font-size:1.45rem;line-height:1.3}.contentCard h3{margin:8px 0}.contentCard p,.contentCard li{color:var(--muted);font-size:1rem;line-height:1.75}.contentCard p{margin:18px 0 0}.contentCard ul{margin:18px 0 0;padding-left:20px}.educationCard{grid-column:1/-1}.cardLabel{letter-spacing:.08em;font-family:monospace;color:var(--blue)!important;margin:0 0 10px!important;font-size:.76rem!important}.projectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.projectItem{border:1px solid var(--border);background:#081829b8;border-radius:21px;flex-direction:column;min-width:0;min-height:340px;padding:27px;transition:transform .2s,border-color .2s;display:flex}.projectItem:hover{border-color:#38bdf875;transform:translateY(-4px)}.projectItem h2{margin:0;font-size:1.3rem;line-height:1.3}.projectItem>p:not(.cardLabel){color:var(--muted);margin:18px 0 0;font-size:.92rem;line-height:1.7}.technologyList{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.technologyList span{border:1px solid var(--border);color:#aec2d6;background:#ffffff06;border-radius:8px;padding:7px 10px;font-family:monospace;font-size:.72rem}.projectItem>a,.projectItem>strong{color:var(--blue);margin-top:auto;padding-top:25px;font-size:.85rem;line-height:1.5}.skillSection{padding:0 0 38px}.skillSection+.skillSection{border-top:1px solid #67b7ea29;padding-top:34px}.skillSection h2{margin:0 0 32px;font-size:1.4rem;line-height:1.3}.technologyIcons{grid-template-columns:repeat(5,minmax(100px,1fr));align-items:start;gap:34px 25px;display:grid}.technologyIcon{min-width:0;color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:13px;transition:transform .2s,color .2s;display:flex}.technologyIcon:hover{transform:translateY(-5px)}.technologyIcon svg{filter:drop-shadow(0 10px 20px #0003);flex-shrink:0;width:56px;height:56px}.technologyIcon span{max-width:120px;color:var(--muted);overflow-wrap:break-word;font-size:.91rem;line-height:1.25;display:block}.skillSection:first-of-type .technologyIcon:first-child svg{color:#f89820}.skillSection:first-of-type .technologyIcon:nth-child(2) svg{color:#6db33f}.skillSection:first-of-type .technologyIcon:nth-child(3) svg{color:#5b9cff}.skillSection:first-of-type .technologyIcon:nth-child(4) svg{color:#d4b45f}.skillSection:first-of-type .technologyIcon:nth-child(5) svg{color:#43e6cf}.skillSection:nth-of-type(2) .technologyIcon:first-child svg{color:#61dafb}.skillSection:nth-of-type(2) .technologyIcon:nth-child(2) svg{color:#3178c6}.skillSection:nth-of-type(2) .technologyIcon:nth-child(3) svg{color:#f7df1e}.skillSection:nth-of-type(2) .technologyIcon:nth-child(4) svg{color:#e34f26}.skillSection:nth-of-type(2) .technologyIcon:nth-child(5) svg{color:#1572b6}.skillSection:nth-of-type(3) .technologyIcon:first-child svg{color:#2496ed}.skillSection:nth-of-type(3) .technologyIcon:nth-child(2) svg{color:#f05032}.skillSection:nth-of-type(3) .technologyIcon:nth-child(3) svg{color:#fff}.skillSection:nth-of-type(3) .technologyIcon:nth-child(4) svg{color:#3776ab}.skillSection:nth-of-type(3) .technologyIcon:nth-child(5) svg{color:#fff}.skillSection:nth-of-type(3) .technologyIcon:nth-child(6) svg{color:#326ce5}.skillSection:nth-of-type(3) .technologyIcon:nth-child(7) svg{color:#2088ff}@media (width<=1100px){.page{width:min(960px,100% - 40px)}.navbar nav a{padding:11px 18px}.homePage{grid-template-columns:minmax(0,1fr) 330px;gap:55px}.projectGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.technologyIcons{grid-template-columns:repeat(5,minmax(85px,1fr))}}@media (width<=900px){.navbar{margin-top:16px;top:12px}.navbar nav a{padding:10px 17px;font-size:.9rem}.page{width:min(720px,100% - 36px);min-height:auto;padding:60px 0}.pageHeading{margin-bottom:42px}.pageHeading h1,.contactIntro h1{font-size:1.9rem}.homePage{grid-template-columns:1fr;gap:45px}.developerCard{grid-row:1;justify-self:center;width:320px;max-width:100%;margin:0 auto;padding:29px 23px}.homeIntro{grid-row:2;width:100%;max-width:650px;margin:0 auto}.photoPlaceholder{width:135px;height:135px;font-size:2.3rem}.homeIntro h1{font-size:1.9rem}.aboutGrid{grid-template-columns:1fr;gap:42px}.educationCard{grid-column:auto}.projectGrid{grid-template-columns:1fr}.technologyIcons{grid-template-columns:repeat(5,minmax(80px,1fr));gap:32px 16px}.technologyIcon svg{width:51px;height:51px}}@media (width<=680px){.navbar{scrollbar-width:none;width:max-content;max-width:calc(100% - 20px);margin-top:10px;padding:4px;top:8px;overflow-x:auto}.navbar::-webkit-scrollbar{display:none}.navbar nav{gap:1px}.navbar nav a{padding:9px 13px;font-size:.8rem}.page{width:calc(100% - 32px);padding:46px 0 58px}.pageHeading{margin-bottom:38px}.pageHeading>span{font-size:.7rem}.pageHeading h1,.contactIntro h1{font-size:1.65rem;line-height:1.13}.pageHeading>p{margin-top:16px;font-size:.91rem;line-height:1.65}.homePage{flex-direction:column;align-items:stretch;gap:40px;display:flex}.developerCard{order:-1;align-self:center;width:280px;max-width:calc(100vw - 54px);margin:0 auto;padding:26px 20px}.photoPlaceholder{border-width:5px;width:124px;height:124px;font-size:2.15rem}.developerInfo h3{font-size:1.06rem}.developerInfo p{font-size:.88rem}.developerInfo span{font-size:.82rem}.greeting{font-size:.95rem}.homeIntro h1{font-size:1.65rem}.homeIntro h2{font-size:clamp(1.25rem,6.5vw,1.55rem)}.introText{margin-top:22px;font-size:.91rem;line-height:1.68}.socialLinks a{width:45px;height:45px;font-size:1.5rem}.aboutGrid{gap:38px}.contentCard h2{font-size:1.25rem}.contentCard p,.contentCard li{font-size:.91rem;line-height:1.68}.projectGrid{gap:15px;width:calc(100% - 12px);margin:0 auto}.projectItem{min-height:0;padding:22px}.projectItem h2{font-size:1.18rem}.projectItem>p:not(.cardLabel){font-size:.87rem}.skillSection h2{margin-bottom:28px;font-size:1.26rem}.technologyIcons{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 13px}.technologyIcon svg{width:47px;height:47px}.technologyIcon span{max-width:95px;font-size:.78rem}}@media (width<=390px){.navbar{max-width:calc(100% - 14px)}.navbar nav a{padding:8px 10px;font-size:.74rem}.page{width:calc(100% - 26px);padding-top:40px}.developerCard{width:270px;max-width:calc(100vw - 42px);padding:24px 17px}.homeIntro h1{font-size:1.55rem}.homeIntro h2{font-size:1.25rem}.pageHeading h1,.contactIntro h1{font-size:1.55rem}.projectGrid{width:calc(100% - 8px)}.projectItem{padding:20px}.technologyIcons{gap:30px 9px}.technologyIcon svg{width:43px;height:43px}.technologyIcon span{font-size:.73rem}}@media (hover:none),(pointer:coarse){html,body,body *{cursor:auto!important}.cursorTrail{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursorTrail{display:none!important}}.footer{z-index:1;border-top:1px solid var(--border);text-align:center;width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0;position:relative}.footer p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}
