@import url("../shared.css");
:root{--purple:#518caf;--purple-2:#306a89;--purple-soft:rgba(48,106,137,.19)}
.theme-light .page-shell{background:linear-gradient(135deg,#eef6fb,#c9dce8)}
.theme-light .page-shell::after{background:rgba(68,132,174,.18)}
.theme-light .eyebrow{color:#376f90}
.button{background:#173747;color:#fff}
.button:hover{background:#0c2633;color:#fff}
.image-art{border-color:#b8cfdc;background:linear-gradient(145deg,#fafdff,#dfedf4 78%);box-shadow:0 35px 90px rgba(43,83,108,.2)}
.image-art::before{background-image:linear-gradient(rgba(48,106,137,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(48,106,137,.045) 1px,transparent 1px)}
.image-art .stage-bar{border-color:#c4d6df;background:rgba(255,255,255,.78);color:#657b87}
.image-art .dots i{background:#b5c9d3}
.image-art .photo{width:220px;height:160px;border:8px solid #fff;border-radius:8px;background:linear-gradient(180deg,#9bcbe0 0 54%,#d8c8a8 54%);box-shadow:0 20px 50px rgba(37,73,92,.2)}
.image-art .photo::before{right:0;bottom:0;left:0;width:auto;height:72%;border-radius:0;background:linear-gradient(135deg,#5f8795,#315868);clip-path:polygon(0 78%,26% 35%,47% 62%,70% 20%,100% 73%,100% 100%,0 100%)}
.image-art .photo::after{top:18px;right:24px;width:27px;height:27px;background:#fff1b9;box-shadow:0 0 24px rgba(255,231,151,.7)}
.image-art .photo.one{top:17%;left:8%}
.image-art .photo.two{right:8%;bottom:14%;background:linear-gradient(180deg,#b8d8e5 0 55%,#d8b58e 55%)}
.image-art .photo.two::before{background:linear-gradient(135deg,#6c8d79,#365e57);clip-path:polygon(0 72%,20% 50%,40% 65%,66% 24%,100% 68%,100% 100%,0 100%)}
.image-art .match-card{border-color:rgba(48,106,137,.52);background:#fff;box-shadow:0 0 42px rgba(48,106,137,.19)}
.image-art .match-card>span{color:#467c98}
.image-art .match-card strong{color:#21343d}
.image-art .match-card small{color:#6a7b83}
@media(max-width:620px){.image-art .photo{width:175px;height:130px;border-width:6px}.image-art .photo.one{left:3%}.image-art .photo.two{right:3%}}