.about-heading{text-align:center;margin-bottom:2rem;padding-top:1rem}.about-heading h1{font-size:2.5rem;color:var(--white);margin-bottom:.5rem}.about-heading p{font-size:1.1rem;color:var(--text-secondary);max-width:800px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr;gap:3rem;margin-top:2rem;max-width:900px;margin-left:auto;margin-right:auto}.about-text{position:relative;background-color:var(--surface-2, var(--secondary-blue));background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.035) 1px,transparent 0);background-size:4px 4px;border:1px solid var(--hairline, rgba(93, 163, 219, .3));border-radius:14px;box-shadow:var(--elevation-1, var(--shadow)),inset 0 1px #ffffff0f,inset 0 12px 24px -18px #00000080;padding:2.5rem}.about-text h2{color:var(--white);margin-bottom:1rem;font-size:1.8rem;letter-spacing:-.01em}.about-text p{margin-bottom:1rem;line-height:1.8;color:var(--text-primary)}.about-text p:last-child{margin-bottom:0}.about-text p:first-of-type:first-letter{font-family:Georgia,Times New Roman,serif;font-size:2.6em;font-weight:700;float:left;line-height:.85;margin:.05em .08em 0 0;color:var(--light-blue)}.skills{margin-top:2rem}.skills h3{color:var(--light-blue);margin-bottom:1rem;font-size:1.5rem}.skill-list{display:flex;flex-wrap:wrap;gap:.8rem}.skill-list .skill-item,.skill-list li{list-style:none;padding:4px 12px;border-radius:9999px;font-size:.85rem;font-weight:600;color:var(--white);background:var(--glass-bg, rgba(74, 144, 226, .2));backdrop-filter:blur(var(--glass-blur, 10px));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));border:1px solid var(--glass-border, rgba(93, 163, 219, .4))}.about-social{max-width:900px;margin:0 auto 2rem;padding-top:1.5rem;text-align:center}.about-social .social-icons{display:flex;justify-content:center;gap:1rem;margin-bottom:.5rem}.about-social .social-icon{width:54px;height:54px}.about-social .social-icon svg{width:22px;height:22px}.about-social p{color:var(--text-secondary);font-size:.9rem}@media screen and (max-width: 768px){.about-heading h1{font-size:2rem}.about-text h2{font-size:1.5rem}.skills h3{font-size:1.3rem}}@media (prefers-reduced-transparency: reduce){.skill-list .skill-item,.skill-list li{background:var(--secondary-blue, rgba(74, 144, 226, .9))!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}
