.about-section{display:grid;max-width:1440px;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px;margin:40px auto 0;padding:0 5px;align-items:stretch}.about-card{padding:36px}@media (max-width:768px){.about-section{grid-template-columns:1fr}.about-card{padding:28px 24px}}.card{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:24px;border-radius:14px;border:none;cursor:pointer;position:relative;overflow:hidden;text-align:left;width:100%;font-family:var(--app-font-family);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s,background .3s}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.25),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.card:hover:before{opacity:1}.card:hover{transform:translateY(-6px);box-shadow:0 14px 35px rgba(0,0,0,.1)}.card:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 12px rgba(0,0,0,.06)}.card--light{background:#F5E6DF;color:#000}.card--light:hover{background:#EDD9D0}.card--dark{background:linear-gradient(145deg,#2C2C2C,#1a1a1a);color:#f5f5f5}.card--dark:before{background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 60%)}.card--dark:hover{box-shadow:0 20px 50px rgba(0,0,0,.2)}.card--muted{background:linear-gradient(150deg,#E0D5CF,#D6C9C2);color:#000}.card--muted:hover{background:linear-gradient(150deg,#CDBEAB,#C4B4A7)}.card--green{background:linear-gradient(145deg,#E8EDE5,#DDE8D8);color:#000}.card--green:hover{background:linear-gradient(145deg,#DAE3D5,#CFE0C9)}.card__title{font-size:20px;font-weight:600;margin:0;position:relative;z-index:1}.card--dark .card__title{color:#f5f5f5}.card__subtitle{font-size:16px;font-weight:400;color:#555;line-height:1.5;margin:8px 0 0;position:relative;z-index:1}.card--dark .card__subtitle{color:rgba(245,245,245,.85)}.card__icon{font-size:20px;color:#777;border:2px solid #ccc;border-radius:50%;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;align-self:flex-end;margin-top:auto;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,background .3s;position:relative;z-index:1;flex-shrink:0}.card:hover .card__icon{transform:rotate(90deg);border-color:#888;background:rgba(0,0,0,.06)}.card--dark .card__icon{color:#aaa;border-color:#555}.card--dark:hover .card__icon{border-color:#888;background:rgba(255,255,255,.08)}@media (max-width:768px){.card{padding:20px;border-radius:12px}.card__title{font-size:17px}.card__subtitle{font-size:14px}.card__icon{width:34px;height:34px;font-size:18px}}