@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700;900&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--bg-base:#050505;--bg-surface:#0a0a0a;--text-main:#fff;--text-muted:#8892b0;--grid-color:#ffffff08}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Rajdhani,sans-serif;overflow-x:hidden;background-color:var(--bg-base)!important;color:var(--text-main)!important}.neo-container{z-index:1;flex-direction:column;align-items:center;min-height:100vh;padding:5rem 2rem;display:flex;position:relative;overflow:hidden}.background-grid{background-size:50px 50px;background-image:linear-gradient(to right, var(--grid-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-color) 1px, transparent 1px);z-index:-2;width:100vw;height:100vh;animation:20s linear infinite gridMove;position:absolute;top:0;left:0;transform:perspective(500px)rotateX(60deg)translateY(-100px)scale(3)}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)scale(3)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)scale(3)}}.glow-orb{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;animation:10s ease-in-out infinite alternate float;position:absolute}.orb-1{background:radial-gradient(circle,#00f2fe66 0%,#0000 70%);width:400px;height:400px;top:-100px;left:-100px}.orb-2{background:radial-gradient(circle,#ff2a5f4d 0%,#0000 70%);width:500px;height:500px;animation-delay:-5s;bottom:-200px;right:-100px}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(50px,50px)scale(1.2)}}.neo-header{text-align:center;z-index:10;margin-bottom:5rem;position:relative}.badge-system{color:#00f2fe;letter-spacing:4px;background:#00f2fe0d;border:1px solid #00f2fe4d;border-radius:2px;margin-bottom:1rem;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:.8rem;display:inline-block;box-shadow:0 0 10px #00f2fe33}.glitch-text{text-transform:uppercase;text-shadow:0 0 20px #fff3;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);background:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.glitch-text:before{text-shadow:-2px 0 #ff2a5f;clip:rect(24px, 550px, 90px, 0);animation:3s linear infinite alternate-reverse glitch-anim-2;left:2px}.glitch-text:after{text-shadow:-2px 0 #00f2fe;clip:rect(85px, 550px, 140px, 0);animation:2.5s linear infinite alternate-reverse glitch-anim;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 86px, 0)}20%{clip:rect(32px, 9999px, 12px, 0)}40%{clip:rect(78px, 9999px, 56px, 0)}60%{clip:rect(92px, 9999px, 34px, 0)}80%{clip:rect(14px, 9999px, 78px, 0)}to{clip:rect(54px, 9999px, 23px, 0)}}@keyframes glitch-anim-2{0%{clip:rect(65px, 9999px, 100px, 0)}20%{clip:rect(12px, 9999px, 89px, 0)}40%{clip:rect(45px, 9999px, 23px, 0)}60%{clip:rect(89px, 9999px, 67px, 0)}80%{clip:rect(34px, 9999px, 12px, 0)}to{clip:rect(90px, 9999px, 45px, 0)}}.subtitle{color:var(--text-muted);letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:1.2rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.neo-product-grid{z-index:10;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;width:100%;max-width:1400px;display:grid}.product-card-neo{cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ab3;border:1px solid #ffffff0d;border-radius:16px;padding:2px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.product-card-neo:hover{box-shadow:0 10px 40px var(--theme-glow);transform:translateY(-5px)}.product-card-neo:before{content:"";background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y), var(--theme-glow), transparent 40%);opacity:0;z-index:1;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.product-card-neo:hover:before{opacity:1}.card-border-layer{-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:16px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.neo-card-content{background:var(--bg-surface);z-index:3;border-radius:14px;flex-direction:column;height:100%;padding:2.5rem;display:flex;position:relative}.card-icon{background:var(--theme-color);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px var(--theme-glow));-webkit-background-clip:text;margin-bottom:1.5rem;font-size:2.5rem}.legacy-badge{color:var(--theme-color);border:1px solid var(--theme-glow);letter-spacing:1px;background:#ffffff08;border-radius:4px;align-self:flex-start;margin-bottom:1.5rem;padding:.3rem .8rem;font-family:Orbitron,sans-serif;font-size:.75rem}.neo-card-content h2{color:#fff;text-shadow:0 0 10px #fff3;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:2.2rem;font-weight:700}.neo-card-content p{color:var(--text-muted);flex-grow:1;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.action-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.neo-btn{border:1px solid var(--theme-color);color:#fff;letter-spacing:2px;cursor:pointer;background:0 0;border-radius:4px;padding:.8rem 2rem;font-family:Orbitron,sans-serif;font-size:.9rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.neo-btn span{z-index:2;position:relative}.neo-btn .btn-glow{background:var(--theme-color);z-index:1;width:100%;height:100%;transition:all .4s;position:absolute;top:0;left:-100%}.neo-btn:hover .btn-glow{left:0}.neo-btn:hover{color:#000;box-shadow:0 0 20px var(--theme-glow)}.status-indicator{color:var(--theme-color);letter-spacing:1px;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;font-size:.8rem;display:flex}.status-indicator .dot{background-color:var(--theme-color);width:8px;height:8px;box-shadow:0 0 10px var(--theme-color);border-radius:50%;animation:2s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@media (width<=768px){.glitch-text{font-size:2.5rem}.neo-product-grid{grid-template-columns:1fr}}.iframe-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;background:#050505d9;justify-content:center;align-items:center;width:100vw;height:100vh;padding:2rem;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.iframe-modal{background:var(--bg-surface);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:100%;max-width:1400px;height:90vh;animation:.4s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 0 50px #000c}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.iframe-header{border-bottom:1px solid var(--theme-color);box-shadow:0 5px 15px #00000080, inset 0 -2px 10px var(--theme-glow);background:#0a0a0ae6;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.iframe-domain{color:var(--theme-color);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:Orbitron,sans-serif;display:flex}.lock-icon{font-size:.9rem}.domain-text{letter-spacing:1px;font-size:1rem}.close-btn{color:#ff2a5f;cursor:pointer;background:#ff2a5f1a;border:1px solid #ff2a5f;border-radius:4px;padding:.5rem 1rem;font-family:Orbitron,sans-serif;font-size:.8rem;transition:all .2s}.close-btn:hover{color:#fff;background:#ff2a5f;box-shadow:0 0 15px #ff2a5f80}.iframe-wrapper{background:#fff;flex-grow:1;width:100%}.iframe-wrapper iframe{border:none;width:100%;height:100%;display:block}
