*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif}body{color:#0f172a;background:#f8fafc}button{cursor:pointer;border:none;border-radius:50px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .35s}button:hover{transform:translateY(-3px)}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 10px 25px #2563eb59}.secondary-btn{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 10px 25px #10b98159}.delete-btn{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.home-page{background-color:#0000;background-image:linear-gradient(#0f172aa6,#0f172aa6),url(./maxresdefault.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.home-container{text-align:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff26;border:1px solid #ffffff40;border-radius:30px;width:100%;max-width:650px;padding:70px 50px;animation:.8s fade;box-shadow:0 30px 80px #00000059}.home-container h1{color:#fff;margin-bottom:20px;font-size:50px}.home-container p{color:#e2e8f0;margin-bottom:40px;font-size:18px}.home-buttons{justify-content:center;gap:20px;display:flex}.admin-page{background:linear-gradient(135deg,#eff6ff,#f8fafc);min-height:100vh;padding:50px 20px}.admin-container{background:#fff;border-radius:30px;max-width:950px;margin:auto;padding:40px;animation:.6s fade;box-shadow:0 20px 50px #0f172a14}.admin-container h1{margin-bottom:30px;font-size:36px}.admin-tabs{gap:15px;margin-bottom:30px;display:flex}.admin-tabs button{background:#e2e8f0}.active-tab{color:#fff;background:#2563eb!important}.admin-form,.product-form{flex-direction:column;gap:18px;display:flex}input,textarea{border:1px solid #cbd5e1;border-radius:15px;outline:none;padding:16px;font-size:16px;transition:all .3s}input:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}textarea{min-height:130px}.admin-card{background:#f8fafc;border-radius:20px;justify-content:space-between;align-items:center;margin-top:20px;padding:20px;display:flex}.admin-card img{object-fit:cover;border-radius:20px;width:90px;height:90px}.shop-page{background:linear-gradient(135deg,#f8fafc,#eef2ff);min-height:100vh;padding:50px 20px}.shop-page h1{text-align:center;margin-bottom:45px;font-size:45px}.product-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1200px;margin:auto;display:grid}.product-card{cursor:pointer;background:#fff;border-radius:25px;padding:20px;transition:all .4s;overflow:hidden;box-shadow:0 15px 40px #0f172a14}.product-card:hover{transform:translateY(-10px);box-shadow:0 25px 60px #0f172a26}.product-card img{object-fit:cover;border-radius:20px;width:100%;height:240px}.product-card h3{margin-top:20px;font-size:22px}.product-card p{color:#2563eb;margin-top:10px;font-size:22px;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172abf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.product-modal{text-align:center;background:#fff;border-radius:30px;width:450px;max-width:100%;padding:35px;animation:.3s popup}.product-modal img{object-fit:cover;border-radius:20px;width:100%;height:260px}.close-btn{color:#fff;background:#ef4444;position:absolute}.modal-buttons{justify-content:center;gap:15px;margin-top:25px;display:flex}@keyframes fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes popup{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=1000px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.home-container{padding:40px 20px}.home-container h1{font-size:32px}.home-buttons{flex-direction:column}.admin-container{padding:25px}.admin-card{flex-direction:column;gap:15px}.product-grid{grid-template-columns:1fr}.shop-page h1{font-size:32px}.modal-buttons{flex-direction:column}button{width:100%}}.auth-modal{position:relative}.auth-modal input{width:100%;margin:10px 0}.auth-modal h2{margin:20px 0}