.about-hero{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9f2),radial-gradient(circle at 20% 80%,rgba(126,97,253,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,147,250,.06) 0%,transparent 50%);padding:var(--spacing-24) 0 var(--spacing-16);text-align:center;position:relative;border-radius:0 0 var(--border-radius-xl) var(--border-radius-xl);margin:0 var(--spacing-4) var(--spacing-8);backdrop-filter:blur(20px);box-shadow:0 20px 40px #7e61fd14,inset 0 1px #fffc}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-6);position:relative;z-index:1}.about-hero-content{max-width:800px;margin:0 auto}.hero-eyebrow{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:#7e61fdcc;margin-bottom:var(--spacing-4);font-weight:var(--font-weight-semibold);background:#ffffff1a;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--border-radius-lg);display:inline-block;border:1px solid rgba(255,255,255,.2);box-shadow:0 4px 12px #7e61fd1a,inset 0 1px #fff6}.about-hero h1{font-size:clamp(3rem,6vw,4.5rem);font-weight:var(--font-weight-bold);color:#302c36e6;margin-bottom:var(--spacing-4);line-height:1.2;letter-spacing:-.02em}.about-subtitle{font-size:clamp(1.1rem,2vw,1.3rem);color:#4e4b53cc;margin-bottom:var(--spacing-6);line-height:1.6;max-width:600px;margin:0 auto var(--spacing-6)}.about-content{padding:var(--spacing-16) 0;background:linear-gradient(135deg,#f8fafc33,#f1f5f91a),radial-gradient(circle at 30% 20%,rgba(126,97,253,.02) 0%,transparent 40%),radial-gradient(circle at 70% 80%,rgba(167,147,250,.01) 0%,transparent 40%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--border-radius-xl);margin:0 var(--spacing-4);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000000a,inset 0 1px #fff3;position:relative;overflow:hidden}.about-content:before{content:"";position:absolute;top:10%;left:-5%;width:300px;height:300px;background:radial-gradient(circle,rgba(126,97,253,.04) 0%,transparent 70%);border-radius:50%;animation:float 20s ease-in-out infinite}.about-content:after{content:"";position:absolute;bottom:15%;right:-8%;width:250px;height:250px;background:radial-gradient(circle,rgba(167,147,250,.03) 0%,transparent 70%);border-radius:50%;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(1deg)}50%{transform:translateY(-20px) rotate(-1deg)}75%{transform:translateY(-10px) rotate(1deg)}}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-8)}@media(min-width:769px){.about-cards{grid-template-columns:1fr 1fr}}.content-card{background:#fffc;backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);padding:var(--spacing-8);box-shadow:0 4px 24px #0000000f;border:1px solid rgba(255,255,255,.3);transition:all .3s ease;position:relative;overflow:hidden}@keyframes pulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.content-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a;background:#ffffffe6;border-color:#7e61fd33}.step-number{position:absolute;top:-12px;left:var(--spacing-4);width:32px;height:32px;background:#ffffff1a;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);box-shadow:0 6px 16px #7e61fd40,inset 0 1px #fff6,inset 0 -1px #7e61fd1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.step-number:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:linear-gradient(135deg,#7e61fd0d,#9b87ff08,#7e61fd0d);border-radius:50%;animation:gentleGlow 6s ease-in-out infinite;pointer-events:none}@keyframes gentleGlow{0%,to{opacity:.5;transform:scale(.9) rotate(0)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}}.content-card h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#302c36e6;margin-bottom:var(--spacing-4);line-height:1.3;padding-top:var(--spacing-3)}.content-card p{font-size:var(--font-size-base);color:#4e4b53cc;line-height:1.6;margin:0}.about-bottom{padding:var(--spacing-16) 0;position:relative;overflow:hidden}.about-bottom:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f8fafc4d,#f1f5f966),radial-gradient(circle at 20% 80%,rgba(126,97,253,.04) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(167,147,250,.03) 0%,transparent 50%);backdrop-filter:blur(12px);border-radius:var(--border-radius-xl);margin:0 var(--spacing-4)}.bottom-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.vision-quote{background:#ffffff26;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-radius:var(--border-radius-xl);padding:var(--spacing-8);margin-bottom:var(--spacing-12);border:1px solid rgba(255,255,255,.3);box-shadow:0 12px 32px #7e61fd1a,inset 0 1px #fff9,inset 0 -1px #ffffff1a}.vision-quote blockquote{font-size:var(--font-size-lg);font-style:italic;font-weight:var(--font-weight-light);color:#302c36cc;margin:0;line-height:1.5;position:relative}.vision-quote blockquote:before{content:'"';position:absolute;left:-20px;top:-10px;font-size:3rem;color:#7e61fd4d;font-weight:var(--font-weight-bold)}.vision-quote blockquote:after{content:'"';position:absolute;right:-20px;bottom:-30px;font-size:3rem;color:#7e61fd4d;font-weight:var(--font-weight-bold)}.about-cta{display:flex;gap:var(--spacing-4);justify-content:center;position:relative;z-index:1}.btn{transition:transform .6s cubic-bezier(.25,.46,.45,.94),box-shadow .4s ease-out,border-color .3s ease-out,background-color .3s ease-out;display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.2rem;border-radius:4px;font-weight:var(--font-weight-medium);text-decoration:none}.btn-primary{background:var(--glass-button-bg);backdrop-filter:blur(18px) saturate(190%);-webkit-backdrop-filter:blur(18px) saturate(190%);border:1px solid var(--glass-button-border);color:#fff;box-shadow:var(--glass-button-shadow);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid rgba(255,255,255,.35);opacity:.35;pointer-events:none}.btn-primary:hover{background:var(--glass-button-bg-hover);transform:translateY(-2px) scale(1.01);box-shadow:var(--glass-button-shadow-hover);border-color:var(--glass-button-border-hover)}.btn-secondary{background:#fff9;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border:1px solid rgba(208,197,248,.3);color:#302c36;padding:1rem 1.2rem;box-shadow:0 4px 15px #552eff0f,0 1px 3px #302c3608,inset 0 1px #fff9}.btn-secondary:hover{background:#fffc;transform:translateY(-5px);box-shadow:0 8px 20px #552eff1a,0 2px 8px #302c360a,inset 0 1px #ffffffb3}@media(max-width:1024px){.about-hero{padding:var(--spacing-12) 0 var(--spacing-8)}.about-content{padding:var(--spacing-12) 0;margin:0 var(--spacing-2)}.about-bottom{padding:var(--spacing-12) 0}.about-hero h1{font-size:var(--font-size-3xl)}.vision-quote blockquote{font-size:var(--font-size-base)}}@media(max-width:768px){.about-cards{grid-template-columns:1fr;gap:var(--spacing-6)}.about-hero{padding:var(--spacing-12) 0 var(--spacing-8);margin:0 var(--spacing-2)}.about-hero h1{font-size:var(--font-size-2xl)}.about-subtitle{font-size:var(--font-size-base)}.step-number{font-size:var(--font-size-xs);width:28px;height:28px}.vision-quote blockquote{font-size:var(--font-size-sm);margin-bottom:var(--spacing-6)}.vision-quote{padding:var(--spacing-6);margin-bottom:var(--spacing-8)}}@media(max-width:640px){.about-hero{padding:var(--spacing-8) 0 var(--spacing-6)}.about-content,.about-bottom{padding:var(--spacing-8) 0}.content-card{padding:var(--spacing-6)}.content-card h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.content-card p{font-size:var(--font-size-sm)}.about-cta{flex-direction:column;gap:var(--spacing-3);align-items:center}.btn{width:auto;min-width:200px}.about-bottom:before{margin:0 var(--spacing-2)}.about-content,.about-hero{margin:0 var(--spacing-2)}}
