:root{--pointer-x:50%;--pointer-y:50%;--rotate-x:0deg;--rotate-y:0deg;--pointer-from-center:0}.tutor-card-wrapper{perspective:1000px;width:100%;aspect-ratio:.75;position:relative}.tutor-card{width:100%;height:100%;position:relative;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.23,1,.32,1);transform-style:preserve-3d;background:linear-gradient(145deg,#1a1a1a,#2d2d2d);box-shadow:0 10px 30px rgba(0,0,0,.3),0 4px 15px rgba(0,0,0,.2)}.tutor-card.active{transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y)) translateZ(20px);box-shadow:0 20px 40px rgba(0,0,0,.4),0 8px 25px rgba(0,0,0,.3)}.tutor-spotlight{position:absolute;inset:0;border-radius:20px;opacity:0;background:radial-gradient(circle 150px at var(--pointer-x) var(--pointer-y),rgba(112,80,232,.3) 0,rgba(248,190,0,.2) 20%,rgba(0,193,255,.1) 40%,transparent 70%);transition:opacity .3s ease;z-index:1}.tutor-card.active .tutor-spotlight{opacity:1}.tutor-background{position:absolute;inset:0;border-radius:20px;background:linear-gradient(135deg,rgba(112,80,232,.1),rgba(248,190,0,.05) 50%,rgba(0,193,255,.1));z-index:1}.tutor-content{position:relative;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;border-radius:20px;overflow:hidden}.tutor-avatar{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:1}.tutor-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:flex-start;z-index:10}.tutor-badge{background:rgba(0,0,0,.5);backdrop-filter:blur(10px);border-radius:12px;padding:6px 10px;display:flex;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.tutor-badge-rating{color:white;font-size:12px;font-weight:600}.tutor-badge-online{padding:8px}.tutor-online-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;position:relative}.tutor-online-dot:before{content:"";position:absolute;inset:-2px;background:#22c55e;border-radius:50%;animation:ping 2s cubic-bezier(0,0,.2,1) infinite;opacity:.75}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.tutor-badge-favorite{background:rgba(0,0,0,.3);border:none;cursor:pointer;padding:8px}.tutor-badge-favorite:hover{background:rgba(0,0,0,.5);transform:scale(1.05)}.tutor-info{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.6) 60%,transparent);padding:16px;z-index:10;transition:opacity .3s ease,transform .3s ease}.tutor-name-price{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.tutor-name{color:white;font-size:16px;font-weight:700;margin:0;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tutor-price{display:flex;align-items:baseline;gap:2px}.tutor-price-amount{color:white;font-size:18px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.5)}.tutor-price-unit{color:rgba(255,255,255,.8);font-size:11px;font-weight:600}.tutor-subject{color:rgba(255,255,255,.9);font-size:13px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5)}.tutor-hover-details{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,rgba(0,0,0,.95) 0,rgba(0,0,0,.85) 70%,transparent);backdrop-filter:blur(10px);padding:20px 16px 16px;opacity:0;transform:translateY(100%);transition:all .4s cubic-bezier(.23,1,.32,1);z-index:15;pointer-events:none}.tutor-card.active .tutor-hover-details{opacity:1;transform:translateY(0);pointer-events:auto}.tutor-card.active .tutor-info{opacity:0;transform:translateY(20px);transition:all .2s ease}.tutor-stats{display:flex;justify-content:space-between;margin-bottom:12px;gap:8px}.tutor-stat{display:flex;align-items:center;gap:3px;color:rgba(255,255,255,.9);font-size:11px;font-weight:600;flex:1}.tutor-subjects{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tutor-subject-tag{background:rgba(255,255,255,.15);color:rgba(255,255,255,.9);padding:4px 8px;border-radius:8px;font-size:10px;font-weight:600;border:1px solid rgba(255,255,255,.1)}@media (max-width:768px){.tutor-card-wrapper{aspect-ratio:.8}.tutor-badges{top:10px;left:10px;right:10px}.tutor-badge{padding:5px 8px}.tutor-badge-rating{font-size:11px}.tutor-info{padding:14px}.tutor-name{font-size:15px}.tutor-price-amount{font-size:16px}.tutor-price-unit{font-size:10px}.tutor-subject{font-size:12px}.tutor-hover-details{padding:16px 14px 14px}.tutor-stats{gap:6px}.tutor-stat{font-size:10px}.tutor-subject-tag{font-size:9px;padding:3px 6px}}@media (max-width:480px){.tutor-card-wrapper{aspect-ratio:.85}.tutor-badges{top:8px;left:8px;right:8px}.tutor-badge{padding:4px 6px}.tutor-badge-rating{font-size:10px}.tutor-info{padding:12px}.tutor-name{font-size:14px}.tutor-price-amount{font-size:15px}.tutor-subject{font-size:11px}.tutor-hover-details{padding:14px 12px 12px}.tutor-stats{flex-direction:column;gap:4px}.tutor-stat{font-size:9px}.tutor-stat svg{width:10px;height:10px}.tutor-subject-tag{font-size:8px;padding:2px 5px}}