.card{position:relative;overflow:hidden;padding:2rem;background:rgba(10,18,30,.55);backdrop-filter:blur(20px)saturate(120%);-webkit-backdrop-filter:blur(20px)saturate(120%);border-radius:20px;border:1px solid rgba(234,244,255,8%);box-shadow:0 18px 40px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,6%);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(234,244,255,.12),transparent 50%);opacity:.35}.card-image{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;border-radius:20px;overflow:hidden}.device{display:none;max-height:450px;width:auto;margin:0 auto;pointer-events:none}.device.active{display:block}.device-selector{margin:1rem 0 1.5rem;display:flex;justify-content:center;gap:10px;position:relative;z-index:10}.device-selector button{padding:9px 18px;background:rgba(255,255,255,6%);color:#e0e0e0;border:1px solid rgba(255,255,255,.25);border-radius:999px;cursor:pointer;font-size:14px;font-weight:500;transition:all .25s ease}.device-selector button:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}.device-selector button.active{font-weight:700;color:#111;background:linear-gradient(135deg,#fafafa,#eaeaea);border-color:#ccc;box-shadow:0 2px 8px rgba(0,0,0,.2)}.card-info{margin-top:12px;font-size:.95rem;line-height:1.5;opacity:.9}