.navbar{z-index:1000;color:#fff;box-sizing:border-box;background:#2c3e50;justify-content:space-between;align-items:center;width:100%;height:70px;padding:0 20px;display:flex;position:fixed;top:0;left:0}.navbar .logo{z-index:1001;white-space:nowrap;font-size:1.5em;font-weight:700;line-height:1}.nav-links{align-items:center;gap:20px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{display:inline}.nav-links a,.nav-links button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 10px;font-size:1em;line-height:1.2;text-decoration:none}.nav-links button{background:#34495e;border-radius:5px;min-width:120px;padding:6px 14px}.nav-links button:hover,.nav-links a:hover{background:#1abc9c;border-radius:5px;transition:background .2s}.hamburger{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none}.hamburger span{background:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.hamburger.open span:first-child{transform:translateY(9px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-9px)rotate(-45deg)}@media (width<=768px){.hamburger{display:flex}.nav-links{z-index:999;background:#2c3e50;flex-direction:column;align-items:flex-start;gap:0;width:100%;padding:10px 0 20px;display:none;position:fixed;top:70px;left:0;box-shadow:0 8px 20px #0000004d}.nav-links.open{display:flex}.nav-links li{width:100%}.nav-links a,.nav-links button{text-align:left;box-sizing:border-box;border-radius:0;width:100%;padding:12px 24px;font-size:1em;display:block}.nav-links button{min-width:unset;background:#34495e;border-radius:0}.nav-links a:hover,.nav-links button:hover{background:#1abc9c;border-radius:0}}body>:not(.navbar):not(.market-bg){padding-top:80px}html,body{height:100%;margin:0;padding:0}body{background:#f5f5f5;flex-direction:column;min-height:100vh;font-family:Arial,sans-serif;display:flex}.hero{text-align:center;color:#fff;background:#2980b9;padding:50px 20px}.feature-cards{flex-wrap:wrap;justify-content:center;gap:30px;max-width:1100px;margin:60px auto;padding:20px;display:flex}.card{perspective:1000px;cursor:pointer;width:270px;height:200px}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,.2,.2,1);position:relative}.card-front,.card-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;color:#1a237e;backface-visibility:hidden;background:#ffffff1a;border:1px solid #ffffff40;border-radius:18px;padding:25px;transition:all .4s;position:absolute;inset:0;box-shadow:0 6px 20px #0000001a}.card-front{background:linear-gradient(135deg,#ffffff40,#ffffff0d)}.card-front h3{color:#1a237e;margin-top:30px;font-size:1.25em;font-weight:600}.card-front p{color:#4562d5;margin-top:15px;font-size:.95em;text-decoration:underline}.card-back{color:#fff;background:linear-gradient(135deg,#6dd5fa,#2980b9);transform:rotateY(180deg)}.card-back h4{margin-top:30px;font-size:1.2em;font-weight:600}.card-back p{margin-top:10px;font-size:.95em}.card.flipped .card-inner{transform:rotateY(180deg)}.card:hover .card-inner{transform:scale(1.05) rotateY(var(--rotate,0deg))}.card:hover .card-front{box-shadow:0 12px 25px #2980b94d}.card:active .card-inner{transform:scale(.98)}.card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#5a7bf0,#00d4ff,#6c63ff) 0 0/300% 300%;border-radius:18px;padding:2px;animation:4s linear infinite borderGlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes borderGlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=768px){.feature-cards{flex-direction:column;align-items:center}.card{width:90%}}.marketplace{text-align:center;flex:1;padding:40px 20px 100px}.items-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));justify-items:center;gap:25px;margin-top:20px;padding:20px;display:grid}.item-card{text-align:left;cursor:pointer;background:#fff;border-radius:10px;width:100%;max-width:260px;padding:15px;transition:transform .3s,box-shadow .3s;box-shadow:0 2px 6px #0000001a}.item-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.item-card img{object-fit:cover;border-radius:8px;width:100%;height:150px}.item-card h4{margin:10px 0 5px}.item-card p{color:#555;font-size:.9em}.item-card button{color:#fff;cursor:pointer;background:#2980b9;border:none;border-radius:5px;width:100%;margin-top:10px;padding:8px}.item-card button:hover{background:#1c5980}footer{color:#fff;text-align:center;background:#2c3e50;width:100%;margin-top:250px;padding:20px}.modal{z-index:999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{text-align:center;background-color:#fff;border-radius:12px;width:80%;max-width:500px;padding:25px 30px;animation:.3s slideDown;position:relative;box-shadow:0 8px 20px #0003}.close-btn{cursor:pointer;font-size:25px;font-weight:700;position:absolute;top:10px;right:15px}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.marquee-text{color:#fff;font-size:2.5em;font-weight:700;text-decoration:none}.marquee-text18{color:#4562d5;background-color:#fff;padding:10px;font-size:2.5em;font-weight:700;text-decoration:none}.how-it-works{text-align:center;color:#000;padding:40px 20px}.steps{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.step-card{cursor:pointer;background:#fff;border-radius:10px;width:250px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0000001a}.step-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.step-emoji{margin-bottom:10px;font-size:3em;transition:transform .3s}.step-card:hover .step-emoji{transform:scale(1.3)rotate(10deg)}.flip-card{perspective:1000px;background-color:#0000;margin-top:30px;display:inline-block}.flip-card-inner{width:240px;transform-style:preserve-3d;transition:transform .8s;position:relative}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:10px;width:100%;position:absolute}.flip-card-back{text-align:center;background-color:#f8f8f8;padding:15px;transform:rotateY(180deg)}.scanner-box{border:2px solid #2980b9;width:200px;height:200px;margin:10px auto;position:relative;overflow:hidden}.scanner-line{background:#2980b9;width:100%;height:3px;animation:2s linear infinite scan;position:absolute;top:0}@keyframes scan{0%{top:0}to{top:100%}}.dashboard-section{max-width:1100px;margin:0 auto}.dashboard-stats{flex-wrap:wrap;justify-content:center;gap:20px;margin:20px 0;display:flex}.stat-card{text-align:center;background:#fff;border-radius:12px;width:200px;padding:25px;transition:all .3s;box-shadow:0 4px 10px #0000001a}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0003}.stat-card h3{color:#2980b9;margin:0;font-size:2em}.dashboard-card{flex-direction:column;align-items:center;transition:all .3s;display:flex}.dashboard-card:hover{background:#f9fafb;transform:translateY(-5px)}.dashboard-card .item-info{text-align:center;padding-top:10px}.modern-form{background:#fff;border-radius:12px;max-width:600px;margin:150px auto;padding:80px;animation:.4s ease-in-out fadeIn;box-shadow:0 4px 12px #0000001a}.form-group{margin-bottom:15px}.modern-form input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px;font-size:1em;transition:border-color .3s}.modern-form input:focus{border-color:#2980b9;outline:none}.submit-btn{color:#fff;cursor:pointer;background:#2980b9;border:none;border-radius:8px;width:100%;padding:12px;font-size:1em;transition:background .3s}.submit-btn:hover{background:#1f5f8a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.item-actions{justify-content:space-between;gap:10px;width:100%;max-width:360px;margin-top:10px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:6px;flex:1;padding:8px;font-size:.9em;font-weight:700;transition:all .2s}.edit-btn{color:#fff;background:#27ae60}.edit-btn:hover{background:#1e874b;transform:translateY(-2px)}.delete-btn{color:#fff;background:#e74c3c}.delete-btn:hover{background:#c0392b;transform:translateY(-2px)}.qrcode-box{margin-bottom:10px;display:inline-block}@media (width>=900px){.items-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.item-card{max-width:260px}.flip-card-inner{width:260px}}@media (width>=1000px){.stat-card{width:260px}}.image-modal-content{background:#fffffff2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:80%;margin:auto;padding:20px;display:flex;box-shadow:0 0 20px #0000004d}#imageModal{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#imageModal .close-btn{color:#333;cursor:pointer;font-size:28px;position:absolute;top:15px;right:25px}:root{--c1:#ff6b6b;--c2:#feca57;--c3:#48dbfb;--c4:#1dd1a1;--c5:#5f27cd}.polygon-bg{z-index:-1;background:#fff;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.poly{background:linear-gradient(45deg, var(--c1), var(--c2), var(--c3), var(--c4), var(--c5));opacity:.25;clip-path:polygon(20% 0%,80% 0%,100% 30%,80% 70%,50% 100%,20% 80%,0% 50%);background-size:400% 400%;border-radius:16px;width:200px;height:200px;animation:20s ease-in-out infinite float,15s ease-in-out infinite alternate colorShift;position:absolute}.poly1{width:250px;height:250px;animation-duration:25s,18s;top:10%;left:5%}.poly2{width:300px;height:300px;animation-duration:20s,22s;top:30%;left:60%}.poly3{width:200px;height:200px;animation-duration:28s,20s;top:55%;left:25%}.poly4{width:350px;height:350px;animation-duration:30s,25s;top:70%;left:75%}.poly5{width:180px;height:180px;animation-duration:22s,19s;top:15%;left:80%}.poly6{width:220px;height:220px;animation-duration:27s,21s;top:50%;left:45%}@keyframes float{0%{transform:translate(0)rotate(0)}25%{transform:translate(40px,-30px)rotate(15deg)}50%{transform:translate(-30px,40px)rotate(-10deg)}75%{transform:translate(20px,-20px)rotate(10deg)}to{transform:translate(0)rotate(0)}}@keyframes colorShift{0%{background-position:0 0}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}to{background-position:0 0}}@media (width<=768px){.poly{width:150px;height:150px}}