.about-container{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem;display:flex}.about-header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;margin-bottom:3rem;padding:2rem}.about-header h1{background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem}.about-header p{opacity:.9;font-size:1.2rem}.about-nav{margin-bottom:2rem}.nav-link{color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.nav-link:hover{background:#ffffff4d;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.about-content{flex:1}.about-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-bottom:2rem;padding:2rem}.about-section h2{color:#fff;border-bottom:2px solid #ffffff4d;margin-bottom:1.5rem;padding-bottom:.5rem;font-size:2rem}.about-section p{margin-bottom:1rem;font-size:1.1rem;line-height:1.6}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.tech-card{background:#ffffff26;border:1px solid #fff3;border-radius:10px;padding:1.5rem;transition:all .3s}.tech-card:hover{background:#ffffff40;transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.tech-card h3{color:#fff;margin-bottom:.5rem;font-size:1.5rem}.tech-card p{opacity:.9;font-size:1rem}.features-list{padding:0;list-style:none}.features-list li{border-bottom:1px solid #ffffff1a;align-items:center;gap:.75rem;padding:.75rem 0;font-size:1.1rem;display:flex}.features-list li:before{content:"✓";color:#4ade80;font-weight:700}.contact-info{background:#ffffff26;border-left:4px solid #4ade80;border-radius:10px;margin-top:1.5rem;padding:1rem}.contact-info a{color:#4ade80;font-weight:700;text-decoration:none}.contact-info a:hover{text-decoration:underline}.about-footer{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:15px;margin-top:3rem;padding:1.5rem}.about-footer p{opacity:.8;font-size:.9rem}@media (max-width:768px){.about-container{padding:1rem}.about-header h1{font-size:2rem}.tech-grid{grid-template-columns:1fr}.about-section{padding:1.5rem}}