:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;background:linear-gradient(180deg,#0f3212,#235830);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.hero{width:92%;padding:70px 0 12px;justify-content:center;display:flex}.banner{width:92%;max-width:1200px;height:100px;background:#6892a1;border-radius:40px;box-shadow:0 10px 25px #0000002e}.banner-notch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-bottom-left-radius:40px;border-bottom-right-radius:40px;box-shadow:0 8px 16px #0000002e;z-index:-1}.BannerSvg{width:100%;background:#6892a1;border-radius:40px;box-shadow:0 10px 25px #0000002e}.about{min-height:100vh;background:linear-gradient(180deg,#0f3212,#235830);color:#0f172a;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.about-hero{padding:64px 16px;color:#000}.about-hero-inner{max-width:980px;margin:0 12px}.about-hero h1{margin:0 0 12px;font-size:44px;letter-spacing:-.02em}.about-hero p{margin:0;max-width:760px;font-size:16px;line-height:1.7;color:#030303d9}.about-content{margin:0 auto;padding:28px 16px 64px;display:grid;gap:18px}.about-card{background:rgb(179,191,188);border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 8px 22px #0f172a0f}.about-card h2{margin:0 0 10px;font-size:20px}.about-card p{margin:0 0 10px;line-height:1.7;color:#334155}.about-card ul{margin:10px 0 0;padding-left:18px;color:#334155}.about-card li{margin:6px 0}.about-quote{margin-top:10px;padding:12px 14px;border-left:4px solid #111827;background:#d7dce0;color:#0f172a;font-weight:600}.about-ending{margin-top:10px;font-weight:700;color:#0f172a}@media (min-width: 900px){.about-content{grid-template-columns:1fr 1fr}.about-card:nth-child(1){grid-column:1 / -1}}*{margin:0;padding:0;box-sizing:border-box}.navbar{width:100%;display:flex;flex-direction:column;font-family:system-ui,sans-serif}.logo{width:100%;background:linear-gradient(180deg,#0f3212,#235830);display:flex;justify-content:center;align-items:center;padding:20px 0}.nav-bottom{width:100%;background:rgb(179,191,188);display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px}.logo img{height:40px}.searchbar,.menu,.auth-buttons{display:flex;align-items:center}.navbar>.searchbar,.navbar>nav,.navbar>.auth-buttons{background:rgb(179,191,188)}.searchbar{padding-left:24px}.menu{flex:2;justify-content:center;display:flex}.auth-buttons{gap:10px;padding-right:24px}.menu-btn{display:flex;gap:22px;list-style:none}.menu-btn a{text-decoration:none;color:#333;font-size:14px;padding:6px 10px;border-radius:14px}.menu-btn a:hover{color:#f5f5f5}.menu-btn a.active{background-color:#040404;color:#f5f5f5}.login-btn{background:rgb(179,191,188);color:#000;border:1px solid #000000;padding:6px 14px;border-radius:6px;cursor:pointer}.signup-btn{background:#000000;color:#fff;border:none;padding:6px 14px;border-radius:6px;cursor:pointer}.signup-btn:hover{background:#000}.searchbar,.menu,.auth-buttons{height:56px}.search-bar{display:flex;align-items:center}.search-bar input{width:300px;height:36px;padding:0 14px;background:rgb(179,191,188);border:1px solid #848484;border-radius:9999px;font-size:14px;color:#374151;outline:none;transition:width .35s ease,border-color .2s ease,box-shadow .2s ease}.search-bar input::placeholder{color:#9ca3af}.search-bar input:focus{border:1px solid #848484;box-shadow:0 0 0 3px #00000040;width:500px}:root{--bg-main: linear-gradient(180deg, #0f3212, #235830);--card-bg: rgb(179, 191, 188);--primary: linear-gradient(180deg, #0f3212, #235830);--text-dark: #ffffff;--text-muted: #6b7280;--border: #453d3d;--danger: #cea1a1;--radius: 20px;--shadow: 0 12px 28px rgba(0, 0, 0, .14)}.product-page{min-height:100vh;padding:60px 20px;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-dark);max-width:1100px;margin:auto}.product-page h2{font-size:28px;margin-bottom:24px}.product-form{background:var(--card-bg);padding:32px;border-radius:var(--radius);box-shadow:var(--shadow);max-width:520px;margin-bottom:60px}.product-form input,.product-form textarea{width:100%;padding:14px 16px;margin-bottom:18px;border-radius:14px;border:1px solid var(--border);font-size:15px;outline:none}.product-form textarea{resize:none;height:90px}.product-form input:focus,.product-form textarea:focus{border-color:#5e5e5e;box-shadow:0 0 0 3px #93c5fd4d}.product-form input[type=file]{border:none;padding:0}.image-preview{width:140px;height:200px;border-radius:16px;box-shadow:var(--shadow);margin-bottom:18px}.product-form button{background:var(--primary);color:#fff;border:none;padding:14px 32px;border-radius:999px;font-size:15px;font-weight:600;cursor:pointer;transition:all .25s ease}.product-form button:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0000002e}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.product-card{background:var(--card-bg);padding:18px;color:ffffff;border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 36px #0000002e}.product-card img{width:100%;height:400px;object-fit:cover;border-radius:14px;margin-bottom:14px}.product-card h3{font-size:18px;margin-bottom:6px}.product-card p{font-size:14px;color:var(--text-muted)}.card-actions{display:flex;gap:12px;margin-top:14px}.card-actions button{flex:1;padding:10px;border-radius:12px;font-size:14px;border:none;cursor:pointer}.card-actions .edit{background:rgb(231,233,232)}.card-actions .delete{background:#b50404;color:#000}.card-actions button:hover{opacity:.85}.actionbtn{display:flex;gap:10px;margin-top:14px}.cartbtn{flex:1;height:44px;border-radius:14px;font-size:14px;font-weight:600;border:none;cursor:pointer;background:var(--primary);color:#fff;transition:transform .2s ease,box-shadow .2s ease}.cartbtn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #0000002e}.actionbtn .like,.actionbtn .dislike{width:44px;height:44px;border-radius:14px;background:rgba(15,50,18,.15);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.actionbtn img{width:18px;height:18px;opacity:.85}.actionbtn .like:hover,.actionbtn .dislike:hover{background:rgba(15,50,18,.25);transform:translateY(-1px)}.actionbtn .like:active,.actionbtn .dislike:active{transform:scale(.96)}