.preorder-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#f0f4f8,#d9e2ec);min-height:100vh;padding:0 0 20px;text-align:center}.page-title{font-size:2.5rem;margin:40px 0;color:#1d1d1f;font-weight:700}.hero-video{position:relative;width:100%;height:100vh;overflow:hidden;margin:0}.hero-video-element{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(20px) saturate(180%) contrast(120%);backdrop-filter:blur(20px) saturate(180%) contrast(120%);padding:2rem 3rem;border-radius:20px}.hero-overlay h1{font-size:3rem;margin-bottom:.5rem}.hero-overlay p{font-size:1.2rem}.phone-selector{margin:50px 0}.model-button{background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.3);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:15px;color:#0071e3;font-weight:600;padding:12px 25px;margin:0 10px;cursor:pointer;transition:all .3s ease}.model-button.active,.model-button:hover{background:rgba(0,113,227,.2);border-color:#0071e3;color:#0071e3}.phone-display{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:50px;margin-bottom:50px}.phone-image img{width:300px;border-radius:30px}.phone-image img,.phone-info{box-shadow:0 20px 50px rgba(0,0,0,.1)}.phone-info{max-width:400px;background:hsla(0,0%,100%,.15);border-radius:25px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);text-align:left;padding:30px 30px 20px}.phone-info h2{font-size:2rem;margin-bottom:20px;color:#1d1d1f}.phone-info ul{list-style:none;padding:0;margin-bottom:30px}.phone-info li{font-size:1.1rem;margin-bottom:10px;color:#1d1d1f}.preorder-button{background:rgba(0,113,227,.8);color:#fff;border:none;padding:15px 35px;font-size:1.2rem;border-radius:20px;cursor:pointer;font-weight:700;transition:all .3s ease;margin-top:20px}.preorder-button:hover{background:#0056a3}.hero-preorder-button{background:rgba(0,113,227,.8);color:#fff;border:none;padding:18px 40px;font-size:1.3rem;font-weight:700;border-radius:25px;cursor:pointer;backdrop-filter:blur(20px) saturate(180%) contrast(120%);-webkit-backdrop-filter:blur(20px) saturate(180%) contrast(120%);transition:all .3s ease;margin-top:40px}.hero-preorder-button:hover{background:#0056a3;transform:translateY(-2px)}@media (max-width:768px){.phone-display{flex-direction:column;gap:30px}.phone-image img{width:80%}.hero-overlay h1{font-size:2.2rem}.hero-overlay p{font-size:1rem}}