.success{--bg:#fbfbfb;--text:#000;--text-muted:#4f4f4f;--text-sub:#6b7280;--card-bg:#fff;--border:#eaeaea;--theme-yellow:#f4ea17;background:var(--bg);padding:80px 20px;font-family:inherit;transition:background .3s;position:relative;overflow:hidden}.success__container{max-width:1050px;margin:0 auto}.success__header{text-align:center;flex-direction:column;align-items:center;margin-bottom:60px;display:flex}.success-main-title{color:#000;margin-bottom:12px;font-size:2.55rem;font-weight:600;line-height:1}.success__desc{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:16px;line-height:1.6}.success__grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;display:grid}.success__card{background:var(--card-bg);border:1px solid var(--border);transform-style:preserve-3d;border-radius:24px;flex-direction:column;height:100%;padding:24px;transition:transform .6s cubic-bezier(.23,1,.32,1),box-shadow .6s,border-color .4s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.success__card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#f4ea1733 0%,#fff0 100%);border-radius:50%;width:150%;height:140%;transition:transform .8s cubic-bezier(.23,1,.32,1);position:absolute;top:-20%;left:-100%}.success__card:hover:before{transform:translate(65%)translateY(10%)rotate(-15deg)}.success__card-top,.success__quote,.success__batch,.success__package-row{z-index:1;position:relative}.success__card:hover{border-color:var(--theme-yellow);transform:translateY(-8px)rotateY(4deg)rotateX(2deg);box-shadow:0 20px 40px #00000014}.success__card-top{align-items:center;gap:16px;margin-bottom:20px;display:flex;transform:translateZ(20px)}.success__avatar{background:#717171;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex;box-shadow:0 5px 15px #00000026;color:#fff!important}.success__info{flex-direction:column;gap:1px;display:flex}.success__name{color:var(--text);margin:0;font-size:17px;font-weight:800}.success__role{color:var(--text-muted);margin:0;font-size:13px;font-weight:500}.success__company{color:#000;background:#f4ea1726;border-radius:999px;align-items:center;gap:6px;margin-top:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.success__quote{color:var(--text-muted);flex-grow:1;margin-bottom:20px;padding-left:12px;font-size:15px;font-style:normal;line-height:1.6;position:relative;transform:translateZ(10px)}.quote__mark{color:var(--theme-yellow);opacity:.6;font-size:30px;font-weight:900;position:absolute;top:-10px;left:-8px}.success__batch{color:var(--text-sub);align-items:center;gap:8px;margin-bottom:20px;font-size:12px;font-weight:600;display:flex;transform:translateZ(15px)}.success__package-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:20px;display:flex;transform:translateZ(25px)}.package__label{color:var(--text-sub);font-size:12px;font-weight:500}.package__value{color:#000;letter-spacing:-.5px;clip-path:polygon(8px 0%,calc(100% - 8px) 0%,100% 50%,calc(100% - 8px) 100%,8px 100%,0% 50%);background:#fdf894;justify-content:center;align-items:center;min-width:100px;margin-left:auto;padding:6px 24px;font-size:16px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 4px 10px #0000001a}@media (max-width:900px){.success{padding:60px 24px}.success__grid{grid-template-columns:1fr}.success-main-title{font-size:30px}}