*{margin:0;padding:0;box-sizing:border-box}.skill{background:#fff;padding:80px 20px}.skill__title{text-align:center;font-size:24px;letter-spacing:2px;margin-bottom:60px}.skill__grid{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}.skill__item{display:flex;align-items:flex-start;gap:16px}.skill__icon{width:48px;height:48px;background:#dbdbdb;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px #00000014;flex-shrink:0}.skill__icon img{width:24px;height:24px;object-fit:contain}.skill__name{font-size:14px;font-weight:700;margin-bottom:6px}.skill__text{font-size:12px;color:#555;line-height:1.6}@media(max-width:768px){.skill{padding:80px 50px}.skill__grid{grid-template-columns:1fr}}.works{background:#f7f7f7;padding:80px 180px}.works h2{text-align:center;margin-bottom:60px}.projects-grid{display:grid;max-width:2000px;margin:0 auto;grid-template-columns:1fr 1fr;gap:40px}.project-card{display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;transition:.25s;box-shadow:0 10px 30px #00000014}.project-card__content{flex:1;padding:50px;display:flex;flex-direction:column;justify-content:center}.project-card__content{flex:1;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:30px}.project-card__title{font-size:24px;font-weight:600;margin-bottom:10px}.project-card__description{font-size:14px;color:#555;line-height:1.6}.project-card__tech{display:flex;flex-wrap:wrap;gap:8px}.project-card__tech span{background:#ebebeb;color:#454546;font-size:12px;padding:4px 10px;border-radius:20px}.project-card__ingenuity{list-style:none;padding:0}.project-card__ingenuity li{position:relative;padding-left:16px;margin-bottom:6px;font-size:14px}.project-card__ingenuity li:before{content:"■";position:absolute;left:0;color:#5f5f5f;font-size:10px;top:4px}.project-card__links{display:flex;justify-content:center;gap:12px;margin-top:10px;gap:25px}.project-card__demo{background:silver;color:#fff;padding:10px 18px;border-radius:6px;font-size:14px;text-decoration:none;transition:.2s}.project-card__demo:hover{background:#969696}.project-card__github{border:1px solid #969696;color:#969696;padding:10px 18px;border-radius:6px;font-size:14px;text-decoration:none;transition:.2s}.project-card__github:hover{background:silver}.project-card__demo,.project-card__github{min-width:100px;text-align:center}.project-card__image{background-color:#ececec;display:flex;height:500px;overflow:hidden}.project-card__image img{width:100%;height:auto;object-fit:contain}.project-card__image img{transition:.4s}.project-card:hover .project-card__image img{transform:scale(1.05)}@media(max-width:768px){.works{padding:60px 30px}.project-card__content{text-align:center}.project-card__ingenuity li{display:flex;align-items:center;justify-content:center;gap:8px;padding-left:0}.project-card__ingenuity li:before{content:"■";position:static;font-size:10px;transform:translateY(1px)}.project-card__tech{justify-content:center;align-items:center}.projects-grid{grid-template-columns:1fr}.project-card{flex-direction:column}.project-card__image{background-color:#ececec;display:flex;height:100%;justify-content:center;order:-1}.project-card__image img{width:auto;height:300px}.project-card__content{padding:24px}}.about{background-color:#f7f7f7;padding:80px 20px}.about__title{text-align:center;font-size:24px;letter-spacing:2px;margin-bottom:40px}.about__container{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:40px}.about__image img{width:150px;height:150px;border-radius:50%;object-fit:cover}.about__content{flex:1;color:#333;line-height:1.8;font-size:14px}.about__content p{margin-bottom:16px}@media(max-width:768px){.about__container{flex-direction:column;text-align:center;gap:24px}.about__image{order:-1}.about__image img{width:120px;height:120px}.about__content{font-size:13px;line-height:1.7;max-width:320px;margin:0 auto}}.contact{background:#fff;padding:80px 20px;text-align:center}.contact__title{font-size:24px;letter-spacing:2px;margin-bottom:20px}.contact__text{font-size:14px;color:#555;margin-bottom:20px}.contact__links{display:flex;justify-content:center;gap:20px}.contact__links a{font-size:14px;color:#2563eb;text-decoration:none}.contact__links a:hover{text-decoration:underline}.hero{background:#fff;text-align:center;padding:220px 20px}.hero__name{font-size:36px;font-weight:700;letter-spacing:4px;margin-bottom:8px}.hero__sub{font-size:12px;letter-spacing:3px;color:#666;margin-bottom:20px}.hero__desc{font-size:14px;color:#444;line-height:1.8}@media(max-width:768px){.hero__desc{padding:10px 30px}}.header{position:fixed;top:0;width:100%;background:#ececec;z-index:100}.header__inner{max-width:1600px;width:100%;margin:0 auto;padding:20px 60px;display:flex;justify-content:space-between;align-items:center}.header__logo{font-size:16px;letter-spacing:2px;margin-left:0}.header__nav{display:flex;gap:24px}.header__nav a{font-size:12px;color:#333}.header__nav a:hover{opacity:.6}.hamburger{flex-direction:column;gap:5px}.hamburger span{width:20px;height:2px;background:#333}.mobile-menu{position:fixed;top:60px;right:0;width:200px;background:#fff;padding:20px;display:flex;flex-direction:column;align-items:flex-end}.mobile-menu a{text-align:right;width:100%}@media(max-width:768px){.header__inner{padding:20px 30px}.header__nav{display:none}.hamburger{display:flex}.mobile-menu{display:flex;flex-direction:column;align-items:center;gap:20px;background:#fff;padding:20px 0}.mobile-menu a{text-decoration:none;color:#333}}.footer{background:#333;padding:20px;text-align:center}.footer__text{font-size:12px;color:#dbdbdb}