.teen-index[data-v-2c8f3b35]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.page-header[data-v-2c8f3b35]{text-align:center;padding:40px 20px;color:#fff}.page-header h1[data-v-2c8f3b35]{font-size:2.5rem;margin:0 0 10px 0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.page-header p[data-v-2c8f3b35]{font-size:1.1rem;margin:0;opacity:.9}.card-grid[data-v-2c8f3b35]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto;padding:0 10px}.card-item[data-v-2c8f3b35]{background:#fff;border-radius:15px;overflow:hidden;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.15);box-shadow:0 10px 30px rgba(0,0,0,.15);cursor:pointer;-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease}.card-item[data-v-2c8f3b35]:hover{-webkit-transform:translateY(-8px);transform:translateY(-8px);-webkit-box-shadow:0 20px 40px rgba(0,0,0,.2);box-shadow:0 20px 40px rgba(0,0,0,.2)}.card-image[data-v-2c8f3b35]{position:relative;height:200px;overflow:hidden}.card-image img[data-v-2c8f3b35]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}.card-item:hover .card-image img[data-v-2c8f3b35]{-webkit-transform:scale(1.1);transform:scale(1.1)}.card-overlay[data-v-2c8f3b35]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.card-item:hover .card-overlay[data-v-2c8f3b35]{opacity:1}.view-btn[data-v-2c8f3b35]{background:#fff;color:#667eea;padding:10px 25px;border-radius:25px;font-weight:700;font-size:.9rem}.card-content[data-v-2c8f3b35]{padding:20px}.card-content h3[data-v-2c8f3b35]{margin:0 0 10px 0;font-size:1.2rem;color:#333}.card-content p[data-v-2c8f3b35]{margin:0;font-size:.9rem;color:#666;line-height:1.5}@media (max-width:768px){.card-grid[data-v-2c8f3b35]{grid-template-columns:1fr}.page-header h1[data-v-2c8f3b35]{font-size:2rem}}