*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#060a11;color:#f5f7fb;font-family:Inter,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 8% 0%,#233a8050,transparent 35%),radial-gradient(circle at 92% 20%,#087a6a38,transparent 32%),#060a11}.scroll-progress{position:fixed;z-index:100;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,#8192ff,#58dec9)}.nav{height:76px;padding:0 6vw;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:20;background:#060a11d9;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0c}.logo{display:flex;gap:9px;align-items:center;text-decoration:none;color:#fff;font:800 18px Manrope}.logo span:first-child{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:linear-gradient(135deg,#8495ff,#55dcca);color:#071017;font-size:10px}.logo span:last-child{color:#63ddca}.nav nav{display:flex;gap:26px}.nav nav a{color:#8995aa;text-decoration:none;font-size:12px}.nav nav a:hover{color:#fff}.hero{max-width:1220px;min-height:680px;margin:auto;padding:95px 30px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px}.eyebrow{font-size:9px;letter-spacing:2.4px;color:#8191ff;font-weight:800}.hero h1{font:800 clamp(48px,6.3vw,82px)/.98 Manrope;letter-spacing:-4px;margin:22px 0}.hero h1 span,.features h2 span{background:linear-gradient(90deg,#91a0ff,#5de0cd);color:transparent;background-clip:text}.hero p{max-width:580px;color:#909bad;line-height:1.8;font-size:15px}.hero-btn{display:inline-flex;gap:25px;margin-top:20px;padding:14px 18px;border-radius:11px;background:#f5f7fb;color:#071017;text-decoration:none;font-weight:800;font-size:12px}.hero-art{height:500px;position:relative;display:grid;place-items:center}.phone{width:270px;height:470px;border-radius:42px;padding:16px;position:relative;overflow:hidden;transform:rotate(6deg);background:linear-gradient(145deg,#ffffff14,#ffffff03);border:1px solid #ffffff22;box-shadow:0 40px 100px #0008;animation:float 6s ease-in-out infinite}.screen{height:100%;border-radius:30px;background:radial-gradient(circle at 50% 25%,#243660,#0b1220 55%,#080b12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.screen small{letter-spacing:3px;color:#8292ff;font-size:9px}.screen strong{font:800 48px Manrope}.screen i{font-style:normal;font-size:8px;letter-spacing:2px;color:#68758b}.camera{position:absolute;z-index:2;top:27px;left:30px;width:72px;height:72px;border-radius:20px;background:#080b12;border:1px solid #ffffff18;box-shadow:inset 0 0 0 9px #111827}.floating{position:absolute;padding:12px 15px;background:#111825e8;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 15px 40px #0007;font-size:10px;color:#cbd3e1}.one{top:120px;left:0}.two{right:0;bottom:90px}@keyframes float{50%{transform:rotate(6deg) translateY(-14px)}}.catalog{max-width:1220px;margin:auto;padding:50px 30px 120px}.title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.title-row h2{font:800 38px Manrope;letter-spacing:-1.8px;margin:8px 0}.counter{font-size:11px;color:#748197}.counter b{color:#fff}.filters{display:grid;grid-template-columns:1fr 210px 80px;gap:10px;padding:10px;border:1px solid #ffffff0d;background:#ffffff05;border-radius:15px;margin-bottom:25px}.search,.filters select{background:#090e18;border:1px solid #ffffff0b;border-radius:10px;color:#e9edf5}.search{display:flex;align-items:center}.search b{padding-left:14px;color:#7281a1;font-size:20px}.search input{width:100%;padding:13px;border:0;outline:0;background:transparent;color:#fff;font-size:12px}.filters select{padding:0 12px;outline:0}.filters select option{background:#0b1019}.filters button{border:0;border-radius:10px;background:#ffffff08;color:#98a4b8;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid #ffffff0d;border-radius:18px;overflow:hidden;background:linear-gradient(145deg,#ffffff08,#ffffff03);transition:.35s;}.card:hover{transform:translateY(-7px);border-color:#7b8cff55;box-shadow:0 25px 70px #0008}.photo{height:230px;background:#0d1320;position:relative;overflow:hidden}.photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:.5s}.card:hover .photo img{transform:scale(1.05)}.photo span{position:absolute;top:12px;right:12px;background:#05080ddd;backdrop-filter:blur(8px);padding:7px 10px;border-radius:99px;font-size:9px}.placeholder{height:100%;display:grid;place-items:center;font:800 58px Manrope;color:#7182ff22;background:radial-gradient(circle,#172447,#0b101a)}.body{padding:20px}.body>label{font-size:9px;color:#8191ff;font-weight:800;letter-spacing:2px}.body h3{font:700 19px Manrope;margin:8px 0 4px}.model{color:#68758a;font-size:11px}.body p{height:34px;overflow:hidden;color:#8994a8;font-size:11px;line-height:1.5}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;padding:14px 0;margin:16px 0}.specs small{display:block;color:#5f6c80;font-size:7px;letter-spacing:1px;margin-bottom:5px}.specs b{font-size:10px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.actions a{padding:12px;text-align:center;border-radius:10px;text-decoration:none;font-size:11px;font-weight:800}.download{background:#ffffff07;border:1px solid #ffffff10;color:#dce2ed}.buy{background:linear-gradient(135deg,#8394ff,#56dcca);color:#061016}.no-results{display:none;padding:45px;text-align:center;color:#718096;border:1px dashed #263149;border-radius:15px;margin-top:20px}.features{padding:110px max(30px,calc((100vw - 1160px)/2));background:#0b1019;border-top:1px solid #ffffff09}.features h2{font:800 52px/1.05 Manrope;letter-spacing:-3px;margin:12px 0 50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.feature-grid b{font-size:11px;color:#59677e}.feature-grid h3{font:700 18px Manrope}.feature-grid p{color:#77849a;font-size:12px;line-height:1.7}footer{padding:40px 6vw;border-top:1px solid #ffffff0b;display:flex;justify-content:space-between;align-items:center;color:#68748a;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.show{opacity:1;transform:none}.admin-page{max-width:1160px;margin:auto;padding:70px 30px}.admin-heading h1{font:800 42px Manrope;margin:8px 0 30px}.admin-heading-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.admin-heading-row h1{font:800 40px Manrope;margin:8px 0}.admin-heading-row p{color:#778398;font-size:12px}.admin-table{overflow:auto;border:1px solid #ffffff0d;border-radius:15px;background:#ffffff04}.admin-table table{width:100%;min-width:800px;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:16px;border-bottom:1px solid #ffffff08;font-size:11px}.admin-table th{color:#66738a;font-size:8px}.admin-table a{color:#8797ff;text-decoration:none}.inline{display:inline}.inline button{border:0;background:none;color:#ff7184;cursor:pointer}.editor{border:1px solid #ffffff0d;border-radius:16px;padding:25px;background:#ffffff04}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.editor label{display:block;color:#8c98aa;font-size:10px;margin-bottom:16px}.editor input,.editor textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #ffffff0e;border-radius:9px;background:#080d16;color:#fff;outline:0}.editor input:focus,.editor textarea:focus{border-color:#7184ff}.wide{grid-column:1/-1}.image-note{font-size:10px;color:#647188;margin:5px 0 15px}.preview{width:180px;height:120px;object-fit:cover;border-radius:10px;margin-bottom:15px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.primary-btn,.secondary-btn{padding:13px 18px;border-radius:10px;text-decoration:none;font-size:11px;font-weight:800}.primary-btn{background:linear-gradient(135deg,#8394ff,#56dcca);color:#061016;border:0}.secondary-btn{background:#ffffff08;color:#dce2ed;border:1px solid #ffffff10}.alert{padding:12px;border-radius:10px;background:#ff647311;border:1px solid #ff647433;color:#ff9baa;margin-bottom:15px}@media(max-width:850px){.hero{grid-template-columns:1fr}.grid,.feature-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 180px}.filters button{display:none}}@media(max-width:580px){.nav{padding:0 20px}.nav nav a:not(:last-child){display:none}.hero h1{font-size:48px;letter-spacing:-2px}.hero-art{transform:scale(.8)}.grid,.feature-grid,.form-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.title-row,.admin-heading-row,footer{flex-direction:column;align-items:flex-start;gap:15px}.wide{grid-column:auto}.features h2{font-size:40px}}