@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";.header{padding:20px 0;background-color:#e5e7eb33;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#fffc}.header__logo-link{display:flex;align-items:center;color:#111827;font-weight:700;font-size:15px}.header__inner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-radius:10px;border:.5px solid rgb(128,128,128,.2);background-color:#fff}.header-burger{display:none}.nav__list{display:flex;gap:10px}.nav__item{padding:0 6px;border-radius:5px}.nav__item:hover{background-color:#d3d3d333}.nav__link{text-transform:uppercase;letter-spacing:1px;font-size:12px;transition:color .25s ease,transform .2s ease;padding-block:5px;position:relative;display:inline-block;font-weight:600;color:#484747}@media(max-width:600px){.header-burger{display:block}.header__nav{display:none}}.burger{position:relative;display:grid;place-items:center}.burger__btn{display:none}.burger-icon{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:4px;background:#fff;box-shadow:0 0 8px #00000014,0 0 2px #0000000f;cursor:pointer;z-index:1002}.burger-bars{position:relative;display:block;width:24px;height:2px;background:#000;transition:.3s}.burger-bars:before,.burger-bars:after{content:"";position:absolute;left:0;width:1.5rem;height:2px;background:#000;transition:transform .3s,top .3s,opacity .2s}.burger-bars:before{top:-7px}.burger-bars:after{top:7px}.burger__btn:checked+.burger-icon .burger-bars{background:transparent}.burger__btn:checked+.burger-icon .burger-bars:before,.burger__btn:checked+.burger-icon .burger-bars:after{top:0}.burger__btn:checked+.burger-icon .burger-bars:before{transform:rotate(45deg)}.burger__btn:checked+.burger-icon .burger-bars:after{transform:rotate(-45deg)}.burger__menu{position:fixed;top:90px;left:0;right:auto;height:100vh;width:100%;background-color:#fffffffa;box-shadow:8px 0 24px #0000001f;transform:translate(-110%);transition:transform .5s ease;z-index:1001;border-radius:5px}.burger__btn:checked~.burger__menu{transform:translate(0)}.burger__list{padding:20px 18px;width:100%}.burger__item+.burger__item{border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}.burger__link{display:block;padding:14px 2px;color:#374151;text-decoration:none;text-transform:uppercase;letter-spacing:1px;font-weight:600;transition:color .2s ease;position:relative}@media(min-width:600px){.burger{display:none}}.container{max-width:1320px;margin:0 auto;padding:0 20px}body{font-family:Nunito,sans-serif}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{line-height:1.5;-webkit-text-size-adjust:100%;scroll-behavior:smooth}input,button,textarea,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,li{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}.badge{display:inline-flex;padding:11px 25px;font-size:14px;font-weight:600;color:#111827;background:#ffffffe6;border:1px solid rgba(17,24,39,.08);border-radius:9999px}.description{max-width:760px;color:#2e3138;font-size:clamp(16px,2.2vw,18px);line-height:1.7;text-align:center}.center-inner{display:flex;flex-direction:column;align-items:center;gap:30px}.title{color:#1f2937;font-size:3.75rem;line-height:1;font-family:Rubik,sans-serif;text-align:center}.section{padding:clamp(1.875rem,1.193rem + 3.41vw,3.75rem) 0}.btn{display:inline-flex;align-items:center;gap:5px;font-weight:600;border:1px solid rgba(17,24,39,.12)}.footer{background-color:#e5e7eb33}.footer__inner{display:flex;gap:24px;flex-wrap:wrap}.footer__nav{flex:1}.footer__title{margin:0 0 10px;font-size:13px;letter-spacing:1px;text-transform:uppercase;color:#173458}.footer__list{display:flex;gap:18px}.footer__nav a{color:#5e697a;transition:all .5s ease}.footer__nav a:hover{color:#0077b5;text-decoration:underline}.footer__legal{border-top:1px solid rgba(148,163,184,.25);padding-top:14px;width:100%}.footer__legal-inner{display:flex;justify-content:center}.footer__legal small{color:#94a3b8;font-size:14px}.playground__list{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:40px}.playground__item{width:min(100%,320px);background-color:#ffffffe6;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000000f;position:relative;z-index:111;transition:all .3s;display:flex;flex-direction:column}.playground__item:hover{transform:scale(.98);box-shadow:0 12px 32px #0000001f}.playground__item-img img{width:70%;margin:0 auto;border-radius:16px;object-fit:cover}.playground__item-body{padding:16px}.playground__item-title{margin:0 0 8px;font-size:18px;line-height:1.3;color:#111827}.playground__item-description{color:#6b7280;font-size:14px;line-height:1.5}.playground__item-actions{margin-top:auto;display:flex;gap:10px;align-items:center}.playground__item-link{padding:10px 16px;border-radius:10px;border:1px solid rgba(17,24,39,.08)}.playground__item-link:hover{background-color:#1118270d}.about__section{background-color:#e5e7eb33}.about__title-line{color:#5e697a;display:block}.about__description{text-align:justify}.about__description span{color:#304d7a;font-weight:700}.about__img img{border-radius:12px;max-width:275px;max-height:160px}.about__meta{margin-top:clamp(1.25rem,3.5vw,2rem);display:flex;gap:10px;flex-wrap:wrap;justify-content:space-around}.about__group{border:1px solid rgba(17,24,39,.08);padding:20px;border-radius:12px;box-shadow:#959da533 0 8px 24px}.about__focus{flex:1 1 300px}.about__tech{flex:1 1 150px}.about__meta-title{margin:0 0 .5rem;font-size:.95rem;letter-spacing:.02em;text-transform:uppercase;color:#6b7280}.about__bullets{display:grid;gap:8px;color:#6b7280}.about__bullets li{position:relative;padding-left:18px}.about__bullets li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background-color:#6366f1}.about__tags{display:flex;flex-wrap:wrap;gap:10px}.about__tags li{padding:8px 12px;border-radius:8px;background-color:#0000000f;color:#111827;font-size:.85rem}.about__action{width:280px;margin:20px auto}.about__btn{padding:10px;border-radius:10px}.about__btn:hover{background-color:#e5e7eb80}.about__btn:active{transform:scale(.98)}.about__btn-icon{margin-left:10px}.contact__list{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:20px}.contact__body{display:flex;flex-direction:column;align-items:center}.contact__item{width:min(450px,100%);border:1px solid rgba(17,24,39,.08);box-shadow:#959da533 0 8px 24px;padding:30px 40px;border-radius:20px;background-color:#e5e7eb66;display:flex;align-items:center;gap:20px}.contact__item-icon{font-size:30px;color:#374151;border:1px solid rgba(17,24,39,.08);padding:14px;border-radius:14px;transition:all .5s ease}.contact__label{font-weight:600;color:#5e697a}.contact__label-link{color:#111827;font-size:16px;font-weight:600;text-decoration:none}.contact__label-link:hover{color:#1c589d;text-decoration:underline}.contact__item:hover .contact__item-icon{background-color:#dce0e680}.contact__btn{margin-top:40px;padding:12px 20px;border-radius:12px}.contact__btn:hover{background-color:#d1d5db33}.contact__btn-icon{margin-left:6px;transition:all .4s}.contact__btn:hover .contact__btn-icon{color:#0077b5}.hero__section{background-color:#e5e7eb33}.hero{position:relative;padding:72px 0;background:#f3f4f699;border:1px solid rgba(17,24,39,.06);border-radius:16px;overflow:hidden}.hero__title{font-family:Rubik,sans-serif;font-weight:600;line-height:1.05;color:#0f172a;font-size:clamp(2.5rem,1.591rem + 4.55vw,5rem);text-align:center}.hero__title-line{display:block;color:#6b7280}.hero__description{text-align:center}.project__section{padding:clamp(1.875rem,1.193rem + 3.41vw,3.75rem) 0}.project__title{color:#1f2937}.project__description{margin-bottom:20px}.project__list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 10px}.project__card{background-color:#ffffffe6;border:1px solid rgba(17,24,39,.08);border-radius:16px;padding:20px;box-shadow:0 8px 24px #0000000f;max-width:380px;transition:all .6s;display:flex;flex-direction:column}.project__card:hover{transform:scale(.98)}.project__img{border-radius:14px;overflow:hidden;margin-bottom:18px}.project__cover{width:100%;height:240px;object-fit:cover}.project__body{padding:0 4px;flex:1}.project__body-title{margin-bottom:10px;font-size:24px;line-height:1.2;color:#0f172a;font-family:Rubik,sans-serif;letter-spacing:.5px}.project__body-summary{margin:0 0 14px;color:#6b7280}.project__tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.project__tag{padding:8px 10px;border:1px solid rgba(17,24,39,.08);border-radius:12px;background:#f8fafc;color:#374151;font-weight:600;font-size:14px}.project__actions{display:flex;gap:12px;margin-top:auto}.btn--ghost{color:#111827;padding:8px 15px;border-radius:12px;transition:background-color .2s,color .2s,transform .1s}.btn--ghost:hover{background-color:#f3f4f6}.btn--ghost:active{transform:translateY(2px)}