*{box-sizing:border-box;margin:0;padding:0}.hero{text-align:center;background:linear-gradient(135deg,#0b0b12 0%,#1a1a2e 40%,#0f0f17 70%,#0b0b12 100%);padding:120px 0}.hero__title{color:#eaeaea;margin-bottom:20px;font-family:Inter,sans-serif;font-size:40px}.hero__title span{color:#6c5ce7}.hero__text{color:#a0a0a0;max-width:600px;margin:0 auto 10px;line-height:1.6}.hero__cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.hero__btn{border-radius:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.hero__btn--primary{color:#fff;background:#6c5ce7}.hero__btn--primary:hover{background:#4b3cc4}.hero__btn--secondary{color:#6c5ce7;border:1px solid #6c5ce7}.hero__btn--secondary:hover{color:#fff;background:#6c5ce7}.about{text-align:center;background:linear-gradient(#0f0f17 0%,#161622 100%);padding:100px 0}.about__text{color:#a0a0a0;max-width:800px;margin:0 auto 16px;line-height:1.6}.section__title{text-align:center;color:#eaeaea;letter-spacing:.5px;margin-bottom:60px;font-size:28px;font-weight:600;position:relative}.section__title:after{content:"";background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:2px;width:70px;height:3px;margin:12px auto 0;display:block}.projects{background:#0f0f17;padding:100px 0}.projects .container{gap:40px;display:grid}.projects .section__title{text-align:center;color:#eaeaea;letter-spacing:.5px;margin-bottom:60px;font-size:28px;font-weight:600;position:relative}.projects .section__title:after{content:"";background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:2px;width:100px;height:3px;margin:12px auto 0;display:block}.projects .section__title{grid-column:1/-1}@media (width>=1440px){.projects .container{grid-template-columns:repeat(2,1fr)}}.projects .project-card{background:#161622;border-radius:12px;padding:50px 24px 24px;transition:transform .2s,box-shadow .2s;position:relative}.projects .project-card:hover{transform:translateY(-6px);box-shadow:0 10px 30px #0000004d}.projects .project-card:last-child{grid-column:1/-1}.projects .project-card__badge{color:#fff;border-radius:6px;padding:4px 8px;font-size:12px;position:absolute;top:16px;left:16px}.projects .project-card__badge--real{background:green}.projects .project-card__badge--practice{background:orange}.projects .project-card__image{border-radius:8px;width:100%;margin-bottom:16px}.projects .project-card__title{color:#eaeaea;margin-bottom:12px;font-size:20px}.projects .project-card__text{color:#a0a0a0;margin-bottom:10px;font-size:14px;line-height:1.6}.projects .project-card__links{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.projects .project-card__link{color:#6c5ce7;border:1px solid #6c5ce7;border-radius:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.projects .project-card__link:hover{color:#fff;background:#6c5ce7}.skills{text-align:center;background:#161622;padding:100px 0}.skills__list{gap:16px;margin-top:40px;padding:0;list-style:none;display:grid}@media (width>=768px){.skills__list{grid-template-columns:repeat(2,1fr)}}@media (width>=1440px){.skills__list{grid-template-columns:repeat(4,1fr)}}.skills__item{color:#eaeaea;background:#0f0f17;border:1px solid #0000;border-radius:10px;padding:14px 16px;font-size:14px;transition:all .2s}.skills__item:hover{color:#6c5ce7;border:1px solid #6c5ce7;transform:translateY(-4px)}.contact{text-align:center;background:#0f0f17;padding:100px 0}.contact__text{color:#a0a0a0;margin-top:20px;font-size:16px}.contact__links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.contact__link{color:#fff;background:#6c5ce7;border-radius:8px;padding:12px 20px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.contact__link:hover{background:#4b3cc4}.footer{background-color:#161622;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.footer__text{color:#a0a0a0;text-align:center;font-size:.9rem}.header{background-color:#161622;border-bottom:1px solid #ffffff0d;padding:20px}.navbar{justify-content:space-between;align-items:center;padding:1.5rem 1rem;display:flex;position:relative}.navbar__brand{color:#eaeaea;font-size:1rem;font-weight:600}.navbar__toggle{cursor:pointer;background:0 0;border:none;width:24px;height:24px;position:relative}.navbar__toggle.is-active .navbar__icon--menu{opacity:0;transform:scale(.8)}.navbar__toggle.is-active .navbar__icon--close{opacity:1;transform:scale(1)}.navbar__icon{stroke:#eaeaea;stroke-width:2px;stroke-linecap:round;fill:none;transition:opacity .3s,transform .3s;position:absolute;inset:0}.navbar__icon--menu{opacity:1}.navbar__icon--close{opacity:0;transform:scale(.8)}.navbar__icon{stroke:#eaeaea;stroke-width:2px;stroke-linecap:round;fill:none}.navbar__menu-wrapper{opacity:0;background-color:#161622;border-top:1px solid #ffffff0d;width:100%;max-height:0;transition:all .3s;position:absolute;top:100%;left:0;overflow:hidden}.navbar__menu-wrapper.is-open{opacity:1;max-height:300px}.navbar__menu{flex-direction:column;align-items:center;gap:1rem;margin:0;padding:1.5rem 0;list-style:none;display:flex}.navbar__link{color:#a0a0a0;font-size:.95rem;text-decoration:none;transition:color .2s;position:relative}.navbar__link:hover,.navbar__link.active{color:#a29bfe}@media (width>=768px){.navbar__toggle{display:none}.navbar__menu-wrapper{opacity:1;border:none;width:auto;max-height:none;position:static}.navbar__menu{flex-direction:row;gap:2rem;padding:0}.navbar__link{font-size:.9rem}.navbar__link.active:after{content:"";background-color:#a29bfe;width:100%;height:2px;position:absolute;bottom:0;left:0}}.container{max-width:100%;margin:0 auto;padding:0 1rem}@media (width>=768px){.container{padding-inline:2rem}}@media (width>=1440px){.container{padding-inline:6rem}}html{scroll-behavior:smooth;font-family:Inter,sans-serif}body{width:100%;min-height:100vh;margin:0}