body,h1{margin:0}.card,.container,body{display:flex}.card,.specs-panel{box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.features li,.specs-table td,.specs-table th{border-bottom:1px solid rgba(255,255,255,.1)}.card,.specs-panel h3,footer,header{text-align:center}:root{--bg-color:#0f0f0f;--text-color:#e0e0e0;--accent-color:#007bff;--accent-hover:#0056b3}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;padding:0;background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.blob{position:absolute;filter:blur(80px);opacity:.6;animation:20s infinite alternate float}.blob-1{top:-10%;left:-10%;width:50vw;height:50vw;background:#4c1d95;animation-delay:0s}.blob-2{bottom:-10%;right:-10%;width:60vw;height:60vw;background:#0f4c81;animation-delay:-5s;animation-direction:alternate-reverse}.blob-3{top:40%;left:40%;width:40vw;height:40vw;background:#007bff;opacity:.4;animation:25s -10s infinite alternate float}@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}header{padding:40px 20px}h1{font-size:2.5rem;text-transform:uppercase;letter-spacing:3px;color:#fff;text-shadow:0 0 5px rgba(0,123,255,.8),0 0 15px rgba(0,123,255,.6),0 0 30px rgba(0,123,255,.4);animation:3s ease-in-out infinite alternate title-pulse}.badge,footer{font-size:.8rem}p.subtitle{color:#aaa;margin-top:10px;font-size:1.1rem}.container{justify-content:center;align-items:stretch;gap:20px;padding:20px;flex-wrap:wrap;max-width:1200px;margin:0 auto}.card{background-color:rgba(30,30,30,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;width:300px;padding:30px;border:1px solid rgba(255,255,255,.1);transition:transform .3s,box-shadow .3s;flex-direction:column;position:relative}.badge,.btn{background-color:var(--accent-color);color:#fff;font-weight:700;text-transform:uppercase}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(0,0,0,.6)}.card.popular{border:2px solid var(--accent-color);transform:scale(1.05);z-index:1}.card.popular:hover{transform:scale(1.05) translateY(-5px)}.badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:5px 15px;border-radius:20px}.card h2{margin-top:10px;font-size:1.8rem}.card .size{font-size:.9rem;color:#aaa;margin-bottom:20px}.features{list-style:none;padding:0;margin:0 0 30px;flex-grow:1;text-align:left}.features li{padding:8px 0;color:#ccc}.features li:last-child,.specs-table tr:last-child td{border-bottom:none}.features li::before{content:"✔";color:var(--accent-color);margin-right:10px}.btn{display:inline-block;padding:12px 25px;text-decoration:none;border-radius:50px;transition:background .3s;font-size:.9rem}.btn:hover{background-color:var(--accent-hover)}.specs-panel{max-width:960px;margin:40px auto;padding:30px;background-color:rgba(30,30,30,.6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.1)}.specs-panel h3{margin-bottom:25px;font-size:1.5rem;text-transform:uppercase}.text-content p,.text-content ul{margin-bottom:20px}.specs-table{width:100%;border-collapse:collapse;min-width:600px}.table-wrapper{overflow-x:auto}.specs-table td,.specs-table th{padding:15px;text-align:left}.specs-table th{color:var(--accent-color);text-transform:uppercase;font-size:.85rem}.specs-table tr:hover{background-color:rgba(255,255,255,.05)}footer{padding:30px;color:#666;margin-top:auto}@media (max-width:768px){.container{flex-direction:column;align-items:center}.card.popular{transform:scale(1)}.card.popular:hover{transform:translateY(-5px)}.specs-panel{margin:20px}}.text-content{text-align:left;line-height:1.6;color:#ddd;font-size:1rem}.highlight,.text-content li::before{color:var(--accent-color);font-weight:700}.text-content ul{list-style:none;padding:0}.text-content li{position:relative;padding-left:30px;margin-bottom:12px}.text-content li::before{content:"ℹ";position:absolute;left:0;top:0}@keyframes title-pulse{0%{text-shadow:0 0 5px rgba(0,123,255,.8),0 0 15px rgba(0,123,255,.6),0 0 30px rgba(0,123,255,.4)}100%{text-shadow:0 0 10px #007bff,0 0 25px rgba(0,123,255,.8),0 0 50px rgba(0,123,255,.6),0 0 70px rgba(0,123,255,.3)}}