.about{gap:var(--space-6);flex-direction:column;width:100%;display:flex}.about .hero-section{text-align:center;padding:var(--space-5) 0;flex-direction:column;align-items:center;display:flex}.about .hero-section .app-icon{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:80px;height:80px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.about .hero-section .app-title{color:var(--text-primary);font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0 0 var(--space-2) 0}.about .hero-section .app-subtitle{color:var(--text-primary);font-size:var(--text-md);margin:0 0 var(--space-3) 0}.about .hero-section .version{color:var(--text-secondary);font-size:var(--text-base);background:var(--surface-2);border:1px solid var(--stroke);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg)}.about .add-to-home{cursor:pointer;transition:transform var(--duration-fast) var(--ease-fast)}.about .add-to-home:active{transform:scale(.98)}.about .add-to-home{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:flex-start;align-items:center;width:100%;padding:35px 15px;transition:all .3s ease-in-out;display:inline-flex;position:relative;overflow:hidden}@media (hover:hover){.about .add-to-home:hover{background:var(--surface-3)}}.about .add-to-home__text{justify-content:flex-start;align-items:flex-start;gap:var(--space-1);flex-direction:column;display:inline-flex}.about .add-to-home__subtitle{color:var(--text-tertiary);font-size:var(--text-xs);font-family:var(--font-ui);font-weight:var(--weight-medium);word-wrap:break-word;line-height:13px}.about .add-to-home__title{color:var(--text-primary);font-size:var(--text-lg);font-family:var(--font-ui);font-weight:var(--weight-semibold);word-wrap:break-word;line-height:25px}.about .add-to-home__image{width:130px;height:auto;animation:.8s forwards slide-phone;position:absolute;top:150px;left:78%;transform:translate(-50%)}@keyframes slide-phone{0%{opacity:0;top:150px}to{opacity:1;top:10px}}.about .developer-card{background:linear-gradient(135deg, var(--surface-3) 0%, #1e1e1e66 100%);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;width:100%;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}@media (hover:hover){.about .developer-card:hover{transform:translateY(-2px)}}.about .developer-card:active{transform:translateY(0)}.about .developer-card .developer-header{background:linear-gradient(135deg, var(--surface-3) 0%, var(--surface-1) 100%);height:80px;position:relative}.about .developer-card .developer-header .developer-avatar{border-radius:var(--radius-full);border:3px solid var(--surface-2);width:70px;height:70px;box-shadow:0 0 0 1px var(--stroke-strong);position:absolute;bottom:-30px;left:20px}.about .developer-card .developer-header .developer-badge{background:var(--text-primary);height:26px;color:var(--bg);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.01em;border-radius:var(--radius-full);align-items:center;padding:0 10px;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 2px 8px #00000059}.about .developer-card .developer-content{padding:40px 20px 20px}.about .developer-card .developer-content .developer-name{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-bold);margin-bottom:var(--space-1)}.about .developer-card .developer-content .developer-title{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-4)}.about .developer-card .developer-content .developer-contact{align-items:center;gap:var(--space-2);color:#4d9eff;font-size:var(--text-base);font-weight:var(--weight-medium);display:flex}.about .developer-card .developer-content .developer-contact svg{opacity:.8}.about .description-section .section-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-3) 0}.about .description-section .description{color:var(--text-primary);font-size:var(--text-base);margin:0;line-height:1.5}.about .features-section .section-title{color:var(--text-primary);font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0 0 var(--space-4) 0}.about .features-section .features-grid{gap:var(--space-3);flex-direction:column;display:flex}.about .features-section .features-grid .feature-card{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex}.about .features-section .features-grid .feature-card .feature-icon{background:var(--overlay-10);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.about .features-section .features-grid .feature-card .feature-content{flex:1}.about .features-section .features-grid .feature-card .feature-content .feature-title{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0 0 var(--space-2) 0}.about .features-section .features-grid .feature-card .feature-content .feature-description{color:var(--text-secondary);font-size:var(--text-base);margin:0;line-height:1.4}.about .info-section .info-card{border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);background:#4caf501a;border:1px solid #4caf5033;align-items:flex-start;display:flex}.about .info-section .info-card .info-content .info-title{color:var(--text-primary);font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:var(--space-1)}.about .info-section .info-card .info-content .info-text{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4}.about .footer-section{text-align:center;padding:var(--space-5) 0;border-top:1px solid var(--overlay-10)}.about .footer-section .footer-text{color:var(--text-secondary);font-size:var(--text-base);margin-bottom:var(--space-1)}.about .footer-section .footer-year{color:#5a5a5a;font-size:var(--text-xs)}