body{-webkit-tap-highlight-color:transparent;background:#f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}.about-page-container{margin:0 auto;max-width:1180px;padding:16px;width:100%}@media (min-width:768px){.about-page-container{margin:32px auto;padding:0 30px}}.about-page-title-row{align-items:center;display:flex;gap:12px;margin-bottom:20px;margin-top:clamp(30px,10vw,80px)}.about-page-title-row h1{color:#333;font-size:clamp(24px,6vw,32px);margin:0}.about-page-back-button{align-items:center;border-radius:8px;color:#e67e22;display:flex;font-size:24px;height:40px;justify-content:center;text-decoration:none;touch-action:manipulation;transition:opacity .2s;width:40px}.about-page-back-button:active{background:#e67e221a}.about-page-content{background:#f8f9fa;border-radius:12px;padding:20px}@media (min-width:768px){.about-page-content{padding:30px}}.about-page-profile-section{margin-bottom:30px;text-align:center}.about-page-profile-image{height:clamp(100px,25vw,120px);margin:0 auto 20px;width:clamp(100px,25vw,120px)}.about-page-profile-image img{border:3px solid #e67e22;border-radius:50%;height:100%;object-fit:cover;width:100%}.about-page-profile-name{color:#333;font-size:clamp(22px,6vw,28px);margin-bottom:8px;word-break:break-word}.about-page-age-location{color:#666;display:flex;flex-wrap:wrap;font-size:clamp(12px,3.5vw,14px);gap:12px;justify-content:center;margin-bottom:8px}.about-page-age-location i{margin-right:4px}.about-page-role{color:#666;font-size:clamp(14px,4vw,18px);margin-bottom:20px;word-break:break-word}.about-page-social-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.about-page-social-link{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#e67e22;display:flex;font-size:clamp(12px,3.5vw,14px);gap:6px;padding:8px 16px;text-decoration:none;touch-action:manipulation;transition:all .2s}.about-page-social-link:active{background:#e67e22;color:#fff;transform:scale(.97)}.about-page-info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr;margin-bottom:30px}@media (min-width:600px){.about-page-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:992px){.about-page-info-grid{grid-template-columns:repeat(4,1fr)}}.about-page-info-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s}.about-page-info-card:active{transform:scale(.99)}.about-page-info-card i{color:#e67e22;font-size:28px}@media (min-width:768px){.about-page-info-card i{font-size:32px}}.about-page-info-card h3{color:#333;font-size:clamp(16px,4vw,18px);margin:12px 0 8px}.about-page-info-card p{color:#666;font-size:clamp(13px,3.5vw,14px);line-height:1.5;margin:8px 0}.about-page-institution{color:#999;font-size:11px;margin-top:8px}.about-page-course-item,.about-page-experience-item{border-bottom:1px solid #eee;margin-bottom:12px;padding-bottom:8px}.about-page-course-item:last-child,.about-page-experience-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.about-page-period{color:#e67e22;display:block;font-size:11px;font-weight:700;margin:4px 0}.about-page-exp-description{color:#999;font-size:12px}.about-page-instructor{color:#ff8c00;font-size:12px;margin-top:4px}.about-page-year{background:#f0f0f0;border-radius:12px;color:#999;display:inline-block;font-size:10px;margin-top:4px;padding:2px 8px}.about-page-version{color:#999;font-size:11px;margin-top:12px}.about-page-professional-courses-section{background:#fff;border-radius:8px;margin:25px 0;padding:15px}@media (min-width:768px){.about-page-professional-courses-section{margin:30px 0;padding:20px}}.about-page-professional-courses-section h3{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:clamp(16px,4.5vw,18px);gap:8px;margin-bottom:20px}.about-page-professional-courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:768px){.about-page-professional-courses-grid{gap:25px;grid-template-columns:repeat(2,1fr)}}.about-page-professional-course-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:16px}@media (min-width:768px){.about-page-professional-course-card{padding:20px}}.about-page-professional-course-header{align-items:center;border-bottom:2px solid #e67e22;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:12px}@media (min-width:480px){.about-page-professional-course-header{flex-wrap:nowrap}}.about-page-course-icon{font-size:32px}@media (min-width:768px){.about-page-course-icon{font-size:40px}}.about-page-professional-course-title h4{color:#333;font-size:clamp(14px,4vw,18px);margin:0 0 4px}.about-page-professional-institution{color:#e67e22;font-size:11px;font-weight:500;margin:0}@media (min-width:768px){.about-page-professional-institution{font-size:13px}}.about-page-modules-title{align-items:center;color:#555;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:10px}.about-page-modules-grid{display:flex;flex-wrap:wrap;gap:6px}.about-page-module-tag{background:#e8eaf6;border-radius:20px;color:#251fc5;font-size:10px;padding:4px 10px;transition:all .2s;word-break:break-word}@media (min-width:768px){.about-page-module-tag{font-size:12px;padding:5px 12px}}.about-page-module-tag:active{transform:scale(.96)}.about-page-disciplines-section{background:#fff;border-radius:8px;margin:25px 0;overflow-x:auto;padding:15px}@media (min-width:768px){.about-page-disciplines-section{margin:30px 0;padding:20px}}.about-page-disciplines-section h3{align-items:center;color:#333;display:flex;flex-wrap:wrap;font-size:clamp(14px,4vw,18px);gap:8px;margin-bottom:20px}.about-page-disciplines-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.about-page-discipline-card{background:#f8f9fa;border-left:3px solid #e67e22;border-radius:8px;padding:12px}@media (min-width:768px){.about-page-discipline-card{border-left-width:4px;padding:15px}}.about-page-discipline-card h4{color:#e67e22;font-size:clamp(14px,4vw,16px);margin-bottom:8px}.about-page-discipline-card ul{list-style:none;margin:0;padding:0}.about-page-discipline-card li{border-bottom:1px solid #e0e0e0;color:#666;font-size:11px;padding:4px 0}@media (min-width:768px){.about-page-discipline-card li{font-size:13px;padding:5px 0}}.about-page-discipline-card li:last-child{border-bottom:none}.about-page-tech-section{background:#fff;border-radius:8px;margin:25px 0;padding:15px}@media (min-width:768px){.about-page-tech-section{margin:30px 0;padding:20px}}.about-page-tech-section h3{align-items:center;color:#333;font-size:clamp(14px,4vw,18px);margin-bottom:16px}.about-page-tech-section h3,.about-page-tech-stack{display:flex;flex-wrap:wrap;gap:8px}.about-page-tech-tag{border-radius:25px;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s;word-break:break-word}@media (min-width:768px){.about-page-tech-tag{font-size:14px;padding:8px 16px}}.about-page-tech-tag:active{transform:scale(.96)}.about-page-tech-tag-backend{background:#e8eaf6;border:1px solid #251fc5;color:#251fc5}.about-page-tech-tag-devops{background:#e0f2f1;border:1px solid #20b2aa;color:#20b2aa}.about-page-project-info{background:linear-gradient(135deg,#e67e22,#d35400);border-radius:8px;color:#fff;margin-top:25px;padding:20px;text-align:center}@media (min-width:768px){.about-page-project-info{margin-top:30px;padding:30px}}.about-page-project-info i{font-size:20px}@media (min-width:768px){.about-page-project-info i{font-size:24px}}.about-page-project-info h3{align-items:center;display:flex;flex-wrap:wrap;font-size:clamp(16px,5vw,20px);gap:8px;justify-content:center;margin:12px 0 16px}.about-page-project-info p{font-size:clamp(13px,3.5vw,14px);line-height:1.6;text-align:left}a,button{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation}button,input,select,textarea{font-size:16px}body{overflow-x:hidden;position:relative;width:100%}*{-webkit-overflow-scrolling:touch}@media (max-height:500px) and (orientation:landscape){.about-page-container{padding:10px}.about-page-title-row{margin-top:20px}.about-page-profile-section{margin-bottom:20px}.about-page-profile-image{height:80px;width:80px}.about-page-social-links{gap:8px}.about-page-social-link{font-size:11px;padding:5px 12px}}:root{--gradient-start:#667eea;--gradient-end:#764ba2;--primary:#667eea;--primary-dark:#5a67d8;--secondary:#48bb78;--secondary-dark:#38a169;--text-dark:#2d3748;--text-light:#718096;--border-light:#0000000d;--shadow:#00000014}*{box-sizing:border-box;margin:0;padding:0}.home-container{background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.hero-section{margin:0 auto;max-width:1200px;padding:40px 20px;text-align:center;width:100%}.hero-content{background:linear-gradient(135deg,#2c3e50,#34495e);border-radius:20px;box-shadow:0 10px 25px #667eea33;padding:48px 32px}.hero-description,.hero-domain,.hero-name{color:#fff}.hero-domain{opacity:.95}.hero-description{opacity:.9}.avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 10px 30px #0003;height:130px;margin:0 auto 24px;overflow:hidden;width:130px}.avatar-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.avatar-image:hover{transform:scale(1.05)}.hero-name{font-size:48px;font-weight:700;margin-bottom:12px}.hero-domain{font-size:18px;font-weight:500;margin-bottom:16px}.hero-description{font-size:16px}.main-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin:0 auto;max-width:1200px;padding:20px}.card{background:#fff;border:1px solid #0000000d;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 5px 15px #00000014;box-shadow:0 5px 15px var(--shadow);padding:32px;transition:all .3s ease}.card:hover{box-shadow:0 20px 35px #0000001a;transform:translateY(-8px)}.card-icon{font-size:48px;margin-bottom:20px}.card-title{color:#2d3748;color:var(--text-dark);font-size:24px;font-weight:700;margin-bottom:16px}.card-text{color:#718096;color:var(--text-light);font-size:15px;line-height:1.6;margin-bottom:24px}.card-btn{border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;padding:12px 28px;text-decoration:none;transition:all .3s ease}.card-project .card-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end))}.card-project .card-btn:hover{box-shadow:0 5px 15px #667eea66;transform:translateX(5px)}.card-about .card-btn{background:#48bb78;background:var(--secondary)}.card-about .card-btn:hover{background:#38a169;background:var(--secondary-dark);transform:translateX(5px)}.tech-section{background:#fff;border:1px solid #0000000d;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 5px 15px #00000014;box-shadow:0 5px 15px var(--shadow);grid-column:1/-1;padding:32px;text-align:center}.tech-section-title{color:#2d3748;color:var(--text-dark);display:inline-block;font-size:20px;font-weight:700;margin-bottom:24px;position:relative}.tech-section-title:after{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.tech-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tech-item{background:#f0f2f5;border-radius:25px;color:#2d3748;color:var(--text-dark);cursor:default;font-size:14px;font-weight:600;padding:8px 22px;transition:all .3s ease}.tech-item:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));box-shadow:0 5px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.home-footer{border-top:1px solid #0000000d;border-top:1px solid var(--border-light);color:#718096;color:var(--text-light);font-size:14px;margin:40px auto 0;max-width:1200px;padding:40px 20px;text-align:center}@media (max-width:768px){.hero-section{padding:20px}.hero-content{padding:32px 20px}.hero-name{font-size:32px}.hero-description,.hero-domain{font-size:14px}.main-content{gap:20px;grid-template-columns:1fr;padding:15px}.card{padding:24px}.card-title{font-size:20px}.card-text{font-size:14px}.avatar{height:100px;width:100px}.tech-section{padding:24px}.tech-item{font-size:12px;padding:6px 16px}}
/*# sourceMappingURL=main.66af5632.css.map*/