@media(max-width:700px){.navbar{padding:.65rem 3vw}.navbar .logo{font-size:1em}.navbar ul{align-items:flex-start;background:var(--card);box-shadow:0 8px 24px #0003;flex-direction:column;gap:.7rem;left:0;opacity:0;padding:2rem 0 1rem;pointer-events:none;position:fixed;right:0;top:58px;transform:translateY(-120%);transition:.32s cubic-bezier(.85,0,.15,1);z-index:98}.navbar ul li{justify-content:flex-start;padding:.3em 8vw;width:100%}.navbar ul li a{font-size:1.13em;padding:.7em 0 .5em}.navbar ul li a:after{margin:.55em auto 0}.navbar ul.open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar .burger{display:flex}}html{box-sizing:border-box;scroll-behavior:smooth}:root{--font-main:"Mulish",Arial,sans-serif;--transition:.19s cubic-bezier(.4,0,.2,1);--radius:1.2rem;--space:2.2rem;--bg:#181a1b;--fg:#f5f6fa;--accent:#38b6ff;--card:#232528;--border:#23272f;--shadow:0 4px 32px #0002}body{background:#181a1b;background:var(--bg);color:#f5f6fa;color:var(--fg);font-family:Mulish,Arial,sans-serif;font-family:var(--font-main);margin:0;min-height:100vh;transition:background .19s cubic-bezier(.4,0,.2,1),color .19s cubic-bezier(.4,0,.2,1);transition:background var(--transition),color var(--transition)}a{color:#38b6ff;color:var(--accent);text-decoration:none;transition:color .16s}a:hover{color:#109edb}h1,h2,h3{font-weight:800;letter-spacing:.5px;margin:0 0 .7em}section{margin-bottom:2.2rem;margin-bottom:var(--space)}*{box-sizing:border-box}.navbar{background:#232528;background:var(--card);box-shadow:0 1px 12px rgba(0,0,0,.067);justify-content:space-between;min-height:64px;padding:1.1rem 6vw;position:sticky;top:0;width:100%;z-index:99}.navbar,.navbar .logo{align-items:center;display:flex}.navbar .logo{color:#38b6ff;color:var(--accent);flex-shrink:0;font-family:inherit;font-size:1.32em;font-weight:900;height:100%;letter-spacing:1px;line-height:1;margin-right:1rem;transition:color .18s;-webkit-user-select:none;user-select:none}.navbar ul{gap:2.4rem;list-style:none;margin:0;padding:0}.navbar ul,.navbar ul li{align-items:center;display:flex}.navbar ul li{height:100%}.navbar ul li a{color:#f5f6fa;color:var(--fg);display:inline-block;font-size:1.11rem;font-weight:700;padding:.28em .22em;position:relative;transition:color .16s}.navbar ul li a:after{background:#38b6ff;background:var(--accent);border-radius:3px;content:"";display:block;height:3px;margin:.5em auto 0;transition:width .22s,margin .17s;width:0}.navbar ul li a:focus,.navbar ul li a:hover{color:#38b6ff;color:var(--accent);outline:none}.navbar ul li a:focus:after,.navbar ul li a:hover:after{margin:.7em auto 0;width:90%}.navbar .burger{align-items:center;background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;justify-content:center;margin-left:auto;outline:none;padding:.5em;z-index:999}.navbar .burger span{background:#38b6ff;background:var(--accent);border-radius:2.5px;display:block;height:3.2px;position:relative;transition:all .28s;width:30px}.navbar .burger.open span:first-child{transform:translateY(8px) rotate(45deg)}.navbar .burger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar .burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media(max-width:900px){.navbar{padding:.9rem 3vw}.navbar ul{gap:1.2rem}.navbar .logo{font-size:1.1em}}@media(max-width:700px){.navbar{padding:.65rem 3vw}.navbar .logo{font-size:1em}.navbar ul{align-items:flex-start;background:#232528;background:var(--card);box-shadow:0 8px 24px #0003;flex-direction:column;gap:.7rem;left:0;opacity:0;padding:2rem 0 1rem;pointer-events:none;position:fixed;right:0;top:58px;transform:translateY(-120%);transition:.32s cubic-bezier(.85,0,.15,1);z-index:98}.navbar ul li{justify-content:flex-start;padding:.3em 8vw;width:100%}.navbar ul li a{font-size:1.13em;padding:.7em 0 .5em}.navbar ul li a:after{margin:.55em auto 0}.navbar ul.open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar .burger{display:flex}}.hero{background:none;justify-content:center;min-height:100vh;padding:0 10vw}.hero,.hero .hero-avatar-block{align-items:center;display:flex;flex-direction:column}.hero .hero-avatar-block{gap:2rem;margin-bottom:2rem}.hero .hero-avatar{background:#232528;border:4px solid #38b6ff;border:4px solid var(--accent);border-radius:50%;box-shadow:0 4px 22px rgba(0,0,0,.133);max-height:160px;max-width:160px;object-fit:cover;transition:box-shadow .15s}.hero .hero-avatar:hover{box-shadow:0 0 0 6px rgba(56,182,255,.267)}.hero .hero-status{align-items:center;background:#23272e;border:2.5px solid #242b33;border-radius:1.6em;box-shadow:0 2px 16px rgba(0,0,0,.133);color:#fff;display:inline-flex;font-size:1.28rem;font-weight:800;gap:.8em;letter-spacing:.5px;padding:.28em 1.3em}.hero .hero-status .dot{background:#f33;border-radius:50%;box-shadow:0 1px 10px rgba(0,0,0,.133);display:inline-block;height:1.15em;margin-right:.7em;width:1.15em}.hero .hero-status.on .dot{background:#13ec5b}.hero .hero-status.off .dot{background:#eb3b3b}.hero .hero-status.on{border-color:#28b354;color:#b2ffc3}.hero .hero-status.off{border-color:#b92828;color:#ffc6c6}.hero .hero-content{text-align:center;width:100%}.hero h1{font-size:3.2rem;font-weight:900;margin:0 0 1.2rem}.hero h1 span{color:#38b6ff;color:var(--accent)}.hero h2{font-size:1.8rem;font-weight:700;margin-bottom:1.2rem}.hero h2 .color-accent{color:#38b6ff;color:var(--accent)}.hero p{font-size:1.28rem;line-height:1.7;margin-bottom:2rem;opacity:.98;text-align:center}.hero .hero-buttons{display:flex;gap:1.3rem;justify-content:center;margin-top:1.6rem}.hero .hero-buttons .btn{background:#38b6ff;background:var(--accent);border:none;border-radius:.6em;box-shadow:0 2px 12px rgba(0,0,0,.067);color:#fff;cursor:pointer;font-size:1.18rem;font-weight:700;padding:1em 2.3em;transition:background .16s,color .12s,transform .11s}.hero .hero-buttons .btn:hover{background:#109edb;transform:scale(1.07)}.hero .hero-buttons .btn-accent{background:none;border:2.5px solid #38b6ff;border:2.5px solid var(--accent);color:#38b6ff;color:var(--accent)}.hero .hero-buttons .btn-accent:hover{background:#38b6ff;background:var(--accent);color:#fff}@media(max-width:900px){.hero{padding:0 4vw}.hero .hero-status{font-size:1.05rem}.hero h1{font-size:2rem}.hero h2{font-size:1.15rem}.hero .hero-content{max-width:98vw}}@media(max-width:650px){.hero{min-height:90vh}.hero h1{font-size:1.18rem}.hero .hero-content{max-width:99vw}.hero .hero-buttons{flex-direction:column;gap:.9rem}}.about{background:#232528;background:var(--card);border-radius:1.2rem;border-radius:var(--radius);box-shadow:0 4px 32px #0002;box-shadow:var(--shadow);margin:3rem auto 2rem;padding:2.2rem 10%}.about h2{color:#38b6ff;color:var(--accent);font-size:2.3rem;font-weight:900;letter-spacing:.7px;margin-bottom:1.7rem;text-align:center}.about .about-header{align-items:center;display:flex;gap:2.7rem;margin-bottom:1.5rem}.about .about-header .about-avatar{background:#232528;border:3.5px solid #38b6ff;border:3.5px solid var(--accent);border-radius:50%;box-shadow:0 4px 18px rgba(0,0,0,.067);flex-shrink:0;height:130px;margin-top:.25rem;object-fit:cover;transition:border-color .2s;width:130px}.about .about-header p{color:#f5f6fa;color:var(--fg);font-size:1.22rem;font-weight:500;line-height:1.2;margin:0;opacity:.98}.about .about-header p strong{color:#38b6ff;color:var(--accent)}.about .about-list{display:flex;flex-direction:column;gap:.7rem;list-style:disc;margin:2.3rem 0 0;padding-left:1.5rem}.about .about-list li{font-size:1.09rem;font-weight:500;left:2px;letter-spacing:.1px;line-height:1.68;opacity:.94;position:relative}@media(max-width:1000px){.about{padding:2rem 7%}.about-header{gap:1.3rem}.about-header .about-avatar{height:110px;width:110px}.about-header p{font-size:1.09rem}}@media(max-width:800px){.about{padding:1.1rem 8%}.about-header{align-items:center;flex-direction:column;gap:1.1rem;text-align:center}.about-header .about-avatar{margin:0 0 1.2rem}.about-list{padding-left:1.1rem}}@media(max-width:650px){.about-header .about-avatar{height:72px;width:72px}.about h2{margin-bottom:1rem}}.projects{background:#232528;background:var(--card);border-radius:1.2rem;border-radius:var(--radius);box-shadow:0 4px 32px #0002;box-shadow:var(--shadow);padding:2.5rem 8% 2rem}.projects h2{color:#38b6ff;color:var(--accent);font-size:2.15rem;font-weight:900;letter-spacing:.5px;margin-bottom:2.2rem;text-align:center}.projects-grid{grid-gap:2.4rem;display:grid;gap:2.4rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.project-card{background:#232528;background:var(--card);border:1.5px solid #23272f;border:1.5px solid var(--border);border-radius:1.1rem;box-shadow:0 2px 18px rgba(0,0,0,.133);cursor:pointer;display:flex;flex-direction:column;min-height:325px;overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}.project-card:hover{border-color:#38b6ff;border-color:var(--accent);box-shadow:0 12px 28px rgba(0,0,0,.333);transform:translateY(-8px) scale(1.03)}.project-card img{background:#131516;border-bottom:1px solid #222;height:180px;object-fit:cover;width:100%}.project-card .project-content{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1.25rem}.project-card h3{color:#f5f6fa;color:var(--fg);font-size:1.21rem;font-weight:700;margin:0 0 .35rem}.project-card p{color:#cacaca;flex:1 1;font-size:1.01rem;line-height:1.6;margin-bottom:.5rem}.project-card .project-tech{display:flex;flex-wrap:wrap;gap:.55rem;margin:.3rem 0 0}.project-card .project-tech span{background:#38b6ff;background:var(--accent);border-radius:.7em;box-shadow:0 2px 7px rgba(0,0,0,.067);color:#fff;font-size:.84em;font-weight:600;letter-spacing:.1px;padding:.18em .9em;transition:filter .15s}.project-card .project-links{display:flex;gap:1rem;margin-top:.6rem}.project-card .project-links a{border:1.5px solid #38b6ff;border:1.5px solid var(--accent);border-radius:.4em;color:#38b6ff;color:var(--accent);font-size:1em;font-weight:700;padding:.22em .95em;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.project-card .project-links a:hover{background:#38b6ff;background:var(--accent);border-color:#38b6ff;border-color:var(--accent);color:#fff}@media(max-width:900px){.projects{border-radius:.8rem}.projects-grid{gap:1.2rem;grid-template-columns:1fr}.project-card{min-height:0}.project-card img{height:120px}.project-card .project-content{padding:.8rem}}.contact{background:#232528;background:var(--card);border-radius:1.2rem;border-radius:var(--radius);box-shadow:0 4px 32px #0002;box-shadow:var(--shadow);margin:4rem auto 2rem;padding:2.2rem 8%}.contact h2{color:#38b6ff;color:var(--accent);font-size:2.15rem;font-weight:900;letter-spacing:.5px;text-align:center}.contact .contact-underline{background:#38b6ff;background:var(--accent);border-radius:4px;height:4px;margin:.3rem auto 1.2rem;width:62px}.contact .contact-desc{color:#f5f6fa;color:var(--fg);font-size:1.14rem;font-weight:500;margin-bottom:2.3rem;opacity:.9;text-align:center}.contact form{width:100%}.contact form .form-grid{grid-gap:2.1rem;display:grid;gap:2.1rem;grid-template-columns:1fr 1fr;margin-bottom:1.2rem;width:100%}.contact form .form-left,.contact form .form-right{display:flex;flex-direction:column;gap:1.2rem}.contact form label{align-items:center;color:#f5f6fa;color:var(--fg);display:flex;font-size:1.13em;font-weight:600;gap:.7em;margin-bottom:.18em}.contact form label .icon{color:#38b6ff;color:var(--accent);font-size:1.29em}.contact form label span{color:#38b6ff;color:var(--accent);margin-left:.18em}.contact form input,.contact form textarea{background:#fff;border:1.2px solid #e1e4ea;border-radius:.8em;box-shadow:0 1px 10px #0000;color:#333;font-family:inherit;font-size:1.09em;font-weight:600;margin-bottom:.65em;padding:1.13em 1.05em;transition:border-color .19s;width:100%}.contact form input::placeholder,.contact form textarea::placeholder{color:#c5c8cf;font-weight:700;opacity:1}.contact form input:focus,.contact form textarea:focus{background:#f5fbff;border-color:#38b6ff;border-color:var(--accent);outline:none}.contact form textarea{max-height:230px;min-height:130px;resize:vertical}.contact form .contact-bottom{align-items:center;display:flex;flex-direction:column;margin:1.3rem 0 .7rem}.contact form .contact-bottom .contact-underline{margin:0 0 1rem}.contact form .contact-bottom button{background:#38b6ff;background:var(--accent);border:none;border-radius:2em;box-shadow:0 1px 12px rgba(56,182,255,.133);color:#fff;cursor:pointer;font-size:1.13em;font-weight:900;letter-spacing:.3px;margin:0 0 .3em;padding:.7em 2.2em;transition:background .18s,transform .12s,box-shadow .14s}.contact form .contact-bottom button:hover{background:#109edb;box-shadow:0 4px 18px rgba(56,182,255,.267);transform:translateY(-2px) scale(1.04)}.contact form .contact-thank{color:#38b6ff;color:var(--accent);display:block;font-size:1.15em;font-weight:700;margin-top:1.3rem;text-align:center}@media(max-width:1024px){.contact{max-width:98vw;padding:1.5rem 2vw}}@media(max-width:900px){.contact{padding:1.1rem 2vw}.contact .form-grid{gap:1.5rem;grid-template-columns:1fr}.contact .form-left,.contact .form-right{gap:.95rem}}@media(max-width:650px){.contact{padding:1rem 4vw}.contact form label{font-size:1em}.contact .contact-underline{height:3px;width:44px}.contact .form-grid{gap:1rem;grid-template-columns:1fr!important}.contact .form-left,.contact .form-right{gap:.7rem}.contact .contact-bottom button{font-size:1em;padding:.85em 1.2em}.contact input,.contact textarea{font-size:1em;padding:1em}}.footer{background:#232528;background:var(--card);border-top:1.5px solid #23272f;border-top:1.5px solid var(--border);box-shadow:0 -2px 12px rgba(0,0,0,.133);color:#bbb;font-size:1.06em;font-weight:600;letter-spacing:.12px;margin-top:2.8rem;padding:3rem 0 2.2rem;position:relative;text-align:center;transition:background .18s,color .18s}@media(max-width:800px){:root{--space:1.1rem;--radius:0.8rem}}
/*# sourceMappingURL=main.2c0d49aa.css.map*/