:root{--bg-color:#000000;--bg-dark:#000000;--bg-card:#1b1b1b;--text-color-rgb:255,255,255;--text-color:#ffffff;--accent-teal-rgb:0,255,213;--accent-teal:#00ffd5;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--accent-orange:#FFB800;--black-rgb:0,0,0}[data-theme=light]{--bg-color:#FFF8F0;--bg-dark:#FFF8F0;--bg-card:#ffffff;--text-color-rgb:22,22,22;--text-color:#161616;--accent-teal-rgb:0,168,139;--accent-teal:#00a88b;--accent-pink-rgb:250,52,99;--accent-pink:#bf4252;--black-rgb:255,248,240;--black:#ffffff}.values{padding:100px 20px;background:var(--bg-color);text-align:center}.values__title{margin-bottom:60px;color:var(--text-color)}@media(max-width:576px){.values__title{font-size:28px;margin-bottom:40px}}.values__grid{max-width:1440px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}.values__card{position:relative;width:calc(33.333% - 16px);min-width:300px;min-height:200px;background:var(--bg-card);border:1px solid rgba(var(--text-color-rgb),.1);border-radius:16px;padding:40px 32px;text-align:left;overflow:hidden;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-start;z-index:1}[data-theme=light] .values__card{box-shadow:0 4px 20px rgba(0,0,0,.05)}@media(max-width:768px){.values__card{width:calc(50% - 12px)}}@media(max-width:576px){.values__card{width:100%;padding:30px 24px}}.values__card:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--card-color);transition:height .4s cubic-bezier(.165,.84,.44,1);z-index:-1}.values__card:hover:before{height:100%}.values__card:hover .values__card-text,.values__card:hover .values__card-title{color:#fff}.values__card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.3)}.values__card--drive{--card-color:#00df81}.values__card--team{--card-color:#0088cc}.values__card--ambition{--card-color:#FA3463}.values__card--responsibility{--card-color:#9b59b6}.values__card--openness{--card-color:#3498db}.values__card-title{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--text-color);transition:color .3s}.values__card-text{font-size:16px;line-height:1.6;color:rgba(var(--text-color-rgb),.7);transition:color .3s}