@tailwind base;@tailwind components;@tailwind utilities;:root{--ben10-green:#00ff41;--ben10-dark:#111;--ben10-light:#eaffd0}body{color:#00ff41;color:var(--ben10-green);font-family:Segoe UI,Roboto,Arial,sans-serif;margin:0}.navbar,body{background:#111;background:var(--ben10-dark)}.navbar{box-shadow:0 2px 8px #0003;left:0;position:sticky;top:0;width:100%;z-index:100}.navbar-container{align-items:center;box-sizing:border-box;display:flex;margin:0 auto;max-width:1200px;min-height:64px;padding:0 .5rem 0 0;position:relative;width:100%}.navbar-spacer{flex-grow:1;min-width:12rem}.navbar-logo{color:#00ff41;color:var(--ben10-green);flex-shrink:0;font-size:clamp(1.2rem,4vw,2rem);font-weight:700;letter-spacing:2px;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.navbar-logo span{color:#fff}.navbar-logo-img{display:inline-block;height:2.5rem;margin-right:.7rem;vertical-align:middle;width:auto}.navbar-links{align-items:center;display:flex;gap:clamp(.5rem,3vw,3rem);justify-content:flex-end;margin-left:auto;max-width:100vw;overflow:visible;padding-left:.5rem}.navbar-link{color:#00ff41;color:var(--ben10-green);font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:500;padding:.3rem clamp(.5rem,2vw,1.1rem);text-decoration:none;transition:color .2s}.navbar-link:hover{color:#fff}.burger,.navbar-search{display:none}.burger{cursor:pointer;flex-direction:column;height:32px;justify-content:center;width:32px;z-index:200}.bar{background:#00ff41;background:var(--ben10-green);border-radius:2px;height:4px;margin:4px 0;position:relative;transition:.3s cubic-bezier(.68,-.55,.27,1.55);width:100%}.burger.open .bar1{transform:rotate(45deg) translate(7px,7px)}.burger.open .bar2{opacity:0;transform:scaleX(0)}.burger.open .bar3{transform:rotate(-45deg) translate(7px,-7px)}@media (max-width:900px){.navbar-links,.navbar-search{display:none}.burger{display:flex}}.mobile-menu{display:none}.mobile-menu.open{align-items:center;background:#111;background:var(--ben10-dark);box-shadow:0 4px 16px #0006;display:flex;flex-direction:column;gap:1.5rem;left:0;padding:2rem 0 1rem;position:fixed;top:64px;width:100vw;z-index:150}.mobile-menu .navbar-link{font-size:1.3rem}.mobile-menu .navbar-search{margin-top:1rem;max-width:400px;width:90vw}.hero-section{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-top:0;max-width:100vw;min-height:60vh;min-width:100vw;overflow:hidden;padding-top:64px;position:relative;width:100vw}.hero-bg{animation:hero-bg-vertical-move 6s ease-in-out infinite alternate;background:linear-gradient(180deg,#111,#00ff41);background-position:0 0;background-size:100% 200%;opacity:.95;z-index:1}.hero-bg,.hero-section:after{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.hero-section:after{animation:noiseMove 2s linear infinite alternate;background-image:repeating-linear-gradient(45deg,#00000010 0 2px,#0000 2px 4px),repeating-linear-gradient(-45deg,#00000010 0 2px,#0000 2px 4px);content:"";opacity:.13;pointer-events:none;z-index:3}@keyframes hero-bg-vertical-move{0%{background-position:0 0;filter:brightness(1) blur(0) saturate(1.2)}50%{background-position:0 100%;filter:brightness(1.03) blur(2px) saturate(1.5)}to{background-position:0 0;filter:brightness(1) blur(0) saturate(1.2)}}@keyframes noiseMove{0%{background-position:0 0,0 0}to{background-position:100px 100px,100px 100px}}.hero-content{box-sizing:border-box;margin:0 auto;max-width:700px;min-width:100vw;padding:clamp(1.5rem,5vw,3rem) clamp(.5rem,4vw,2rem) clamp(1rem,3vw,2rem);position:relative;text-align:center;width:100vw;z-index:2}.hero-title{color:#00ff41;color:var(--ben10-green);font-size:clamp(1.5rem,7vw,3rem);font-weight:700;letter-spacing:2px;margin-bottom:1.2rem;text-shadow:0 4px 32px #00ff4180,0 1px 0 #000}.hero-subtitle{color:#eaffd0;color:var(--ben10-light);font-size:clamp(1rem,4vw,1.5rem);font-weight:500;letter-spacing:1px;margin-bottom:2.5rem}.hero-search-bar{align-items:center;background:#181f1b;border-radius:2rem;box-shadow:0 2px 16px #00ff4120;display:flex;justify-content:center;margin:0 auto;max-width:500px;padding:.5rem .5rem .5rem 1rem;width:100%}.hero-search-bar input{background:#0000;border:none;color:#00ff41;color:var(--ben10-green);flex:1 1;font-size:clamp(1rem,3vw,1.2rem);outline:none;padding:.7rem .5rem}.hero-search-bar button{background:#00ff41;background:var(--ben10-green);border:none;border-radius:2rem;color:#111;cursor:pointer;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:700;margin-left:.5rem;padding:.7rem clamp(1rem,5vw,2rem);transition:background .2s,color .2s}.hero-search-bar button:hover{background:#fff;color:#111;color:var(--ben10-dark)}@media (max-width:600px){.hero-section{padding-left:0;padding-right:0}.hero-content,.hero-section{max-width:100vw;min-width:100vw;width:100vw}.hero-content{padding-left:.5rem;padding-right:.5rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-search-bar button{font-size:1rem;padding:.7rem 1rem}}.main-content{margin:0 auto;max-width:700px;padding-top:80px;text-align:center}.main-content h1{color:#00ff41;color:var(--ben10-green);font-size:2.5rem;font-weight:700;margin-bottom:1rem;margin-top:2rem}.main-content p{color:#eaffd0;color:var(--ben10-light);font-size:1.2rem;margin-bottom:2rem}.card-section{background:#101a13;padding:2.5rem 0 3rem;width:100%}.card-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1200px;padding:0 1.5rem}.card{background:#181f1b;border-radius:1.2rem;box-shadow:0 4px 24px #00ff4120,0 1.5px 0 #00ff41;color:#00ff41;color:var(--ben10-green);display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;text-decoration:none;transform:translateY(30px) scale(.98);transition:transform .18s,box-shadow .18s;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1),box-shadow .18s,background .2s}.card.card-visible{opacity:1;transform:translateY(0) scale(1)}.card.card-pressed{box-shadow:0 2px 8px #00ff4120,0 1px 0 #00ff41;transform:scale(.97);transition:transform .1s,box-shadow .1s}.card:hover{box-shadow:0 8px 32px #00ff4140,0 2px 0 #00ff41;transform:translateY(-8px) scale(1.03);z-index:2}.card-thumb{align-items:center;aspect-ratio:16/9;background:#222;display:flex;justify-content:center;overflow:hidden;width:100%}.card-thumb img{border-bottom:2px solid #00ff41;border-bottom:2px solid var(--ben10-green);display:block;height:100%;object-fit:cover;width:100%}.card-info{display:flex;flex-direction:column;gap:.7rem;padding:1.1rem 1rem 1rem}.card-title{color:#00ff41;color:var(--ben10-green);font-size:1.1rem;font-weight:600;margin-bottom:.2rem;text-shadow:0 1px 0 #000}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem}.card-tag{border:1px solid #00ff41;border-radius:1rem;color:#00ff41;color:var(--ben10-green);font-size:.85rem;font-weight:500;padding:.2rem .7rem;text-shadow:0 1px 0 #000}.card-tag,.card-tag.lang{background:#0e2c1a}.card-tag.cat{background:#1a1a1a;border:1px solid #1a1a1a;color:#baffc9}.card:before{color:#00ff41;color:var(--ben10-green);content:"\1F512";font-size:1.5rem;position:absolute;right:10px;top:10px;transition:opacity .3s;z-index:3}.card.unlocked:before{opacity:0}.card:not(.unlocked):after{background:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.card-grid-categories{margin:0 auto;max-width:1200px;padding:0 1.5rem;width:100%}.card-category-block{margin-bottom:2.5rem}.card-category-title{border-left:6px solid #00ff41;border-left:6px solid var(--ben10-green);color:#00ff41;color:var(--ben10-green);font-size:2rem;font-weight:700;letter-spacing:1px;margin-bottom:1.2rem;margin-top:2.5rem;padding-left:1rem;text-shadow:0 2px 16px #00ff4140,0 1px 0 #000}.navbar-link.active{background:#00ff41;border-radius:1rem;box-shadow:0 2px 8px #00ff4130;color:#fff;font-weight:700;transition:background .2s,color .2s}.navbar-link{background:none;border:none;cursor:pointer;font:inherit;padding:.3rem 1.1rem}@media (max-width:600px){.card-info{padding:.7rem .5rem}.card-title{font-size:1rem}}.load-more-btn{background:#00ff41;background:var(--ben10-green);border:none;border-radius:2rem;box-shadow:0 2px 16px #00ff4120;color:#111;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin:2rem auto 0;overflow:hidden;padding:.7rem 2.5rem;position:relative;transition:background .2s,color .2s,transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.load-more-btn:hover{background:#fff;box-shadow:0 8px 32px #00ff4140,0 2px 0 #00ff41;color:#111;color:var(--ben10-dark);transform:translateY(-4px) scale(1.07) rotate(-1deg)}.load-more-btn:active{box-shadow:0 1px 4px #00ff4120;transform:scale(.97)}.load-more-btn:after{background:#00ff4126;border-radius:50%;content:"";height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1),opacity .4s;width:0;z-index:1}.load-more-btn:active:after{height:200%;opacity:1;transition:0s;width:200%}.preloader-overlay{align-items:center;background:#000;display:flex;height:100vh;inset:0;justify-content:center;position:fixed;transition:opacity .5s;width:100vw;z-index:99999}.preloader-img{height:auto;max-width:400px;min-width:200px;object-fit:contain;width:60vw}body.preloader-active{height:100vh;overflow:hidden!important}.hero-search-bar button,.load-more-btn,.navbar-link,.navbar-search button{transition:background .2s,color .2s,transform .15s,box-shadow .2s}.hero-search-bar button:active,.load-more-btn:active,.navbar-link:active,.navbar-search button:active{box-shadow:0 1px 4px #00ff4120;transform:scale(.96)}.mobile-menu{opacity:0;pointer-events:none;transform:translateY(-20px);transition:opacity .3s,transform .3s}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-search-bar input:focus,.navbar-search input:focus{border-color:#00ff41;box-shadow:0 0 0 2px #00ff41aa}.confirmation-dialog-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.confirmation-dialog-content{background-color:#181f1b;border-radius:8px;box-shadow:0 4px 24px #00ff4120,0 1.5px 0 #00ff41;padding:2rem;text-align:center}.confirmation-dialog-content p{color:#eaffd0;color:var(--ben10-light);font-size:1.2rem;margin-bottom:1.5rem}.confirmation-dialog-buttons button{background:#00ff41;background:var(--ben10-green);border:none;border-radius:2rem;color:#111;cursor:pointer;font-size:1.1rem;font-weight:700;margin:0 .5rem;padding:.7rem 2rem;transition:background .2s,color .2s}.confirmation-dialog-buttons button:hover{background:#fff;color:#111;color:var(--ben10-dark)}
/*# sourceMappingURL=main.5ad63632.css.map*/