@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;600;700;900&family=Rajdhani:wght@300;400;500;600;700&family=Share+Tech+Mono&display=swap";.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:999;display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:.6rem;padding:.8rem 1.2rem;border-radius:8px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;font-family:var(--font-body);font-size:.9rem;font-weight:500;min-width:280px;max-width:420px;animation:toastIn .3s ease forwards;border:1px solid}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast--success{background:#39ff141f;border-color:#39ff1466;color:var(--neon-green)}.toast--error{background:#ff00e51f;border-color:#ff00e566;color:var(--neon-magenta)}.toast--info{background:#00f0ff1f;border-color:#00f0ff66;color:var(--neon-cyan)}.toast__icon{font-size:1.1rem;flex-shrink:0}.toast__message{flex:1}@media(max-width:640px){.toast-container{left:1rem;right:1rem;bottom:1rem}.toast{min-width:auto}}.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--bg-glass);border-bottom:1px solid var(--border-dim);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:100}.header__logo{display:flex;align-items:center;gap:.75rem}.header__icon{font-size:1.8rem;color:var(--neon-cyan);text-shadow:var(--glow-cyan);animation:flicker 4s infinite}.header__title{font-family:var(--font-display);font-size:1.4rem;font-weight:900;letter-spacing:.12em;color:var(--text-primary)}.header__title--accent{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.header__tagline{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;align-self:flex-end;margin-bottom:2px}.header__wallet{display:flex;align-items:center;gap:1rem}.header__status{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.85rem;color:var(--neon-green);text-shadow:var(--glow-green);padding:.4rem .8rem;border:1px solid rgba(57,255,20,.25);border-radius:6px;background:#39ff140f}.header__status-icon{font-size:1rem;animation:flicker 2s infinite}@media(max-width:640px){.header{flex-direction:column;gap:.75rem;padding:1rem}.header__tagline{display:none}}.hero{position:relative;padding:4rem 2rem 3rem;text-align:center;overflow:hidden;border-bottom:1px solid var(--border-dim);background:radial-gradient(ellipse at 30% 0%,rgba(0,240,255,.06) 0%,transparent 60%),radial-gradient(ellipse at 70% 0%,rgba(255,0,229,.06) 0%,transparent 60%)}.hero__scanline{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon-cyan),transparent);opacity:.3;animation:scanline 6s linear infinite}.hero__content{max-width:720px;margin:0 auto}.hero__pre-title{font-family:var(--font-mono);font-size:.7rem;color:var(--neon-cyan);letter-spacing:.3em;text-transform:uppercase;margin-bottom:1rem;text-shadow:var(--glow-cyan);animation:flicker 3s infinite}.hero__title{font-family:var(--font-display);font-size:2.2rem;font-weight:900;line-height:1.3;letter-spacing:.05em;margin-bottom:1rem}.hero__subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2rem;max-width:540px;margin-left:auto;margin-right:auto}.hero__stats{display:flex;justify-content:center;gap:2.5rem}.hero__stat{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero__stat-icon{font-size:1.4rem;color:var(--neon-cyan);margin-bottom:.2rem}.hero__stat-value{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--text-primary);letter-spacing:.1em}.hero__stat-label{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase}@media(max-width:640px){.hero{padding:2.5rem 1rem 2rem}.hero__title{font-size:1.5rem}.hero__stats{gap:1.5rem}}.skill-card{display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative}.skill-card__accent{height:3px;width:100%;opacity:.8}.skill-card:hover .skill-card__accent{opacity:1;box-shadow:0 0 12px currentColor}.skill-card__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem 0}.skill-card__type{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;padding:.2rem .6rem;border:1px solid;border-radius:4px;opacity:.9}.skill-card__icon{font-size:1.4rem;color:var(--text-muted)}.skill-card__body{padding:1rem 1.25rem;flex:1}.skill-card__title{font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:.4rem;letter-spacing:.05em}.skill-card__creator{font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem}.skill-card__ipfs{font-size:.75rem;color:var(--text-muted)}.skill-card__ipfs code{font-family:var(--font-mono);color:var(--text-secondary);background:#00f0ff0d;padding:.1rem .4rem;border-radius:3px}.skill-card__footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--border-dim);background:#0003}.skill-card__price{display:flex;flex-direction:column}.skill-card__price-amount{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.skill-card__price-token{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.skill-card__footer .btn{font-size:.7rem;padding:.5rem 1rem}.skill-grid-section{padding:2rem 2rem 4rem;max-width:1280px;margin:0 auto;width:100%}.skill-grid-header{margin-bottom:2rem}.skill-grid-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:.08em;margin-bottom:.3rem}.skill-grid-subtitle{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.1em}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.skill-grid>*:nth-child(1){animation-delay:.05s}.skill-grid>*:nth-child(2){animation-delay:.1s}.skill-grid>*:nth-child(3){animation-delay:.15s}.skill-grid>*:nth-child(4){animation-delay:.2s}.skill-grid>*:nth-child(5){animation-delay:.25s}.skill-grid>*:nth-child(6){animation-delay:.3s}@media(max-width:640px){.skill-grid-section{padding:1.5rem 1rem 3rem}.skill-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeInUp .2s ease}.modal{width:90%;max-width:520px;padding:0;overflow:hidden}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-dim)}.modal__title{font-family:var(--font-display);font-size:1rem;font-weight:700;letter-spacing:.08em;display:flex;align-items:center;gap:.5rem;color:var(--neon-cyan)}.modal__close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;padding:.2rem;transition:color .2s}.modal__close:hover{color:var(--neon-magenta)}.modal__notice{padding:.6rem 1.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--neon-yellow);background:#f5f5000f;border-bottom:1px solid rgba(245,245,0,.15);letter-spacing:.05em;text-align:center}.modal__form{padding:1.5rem;display:flex;flex-direction:column;gap:1.2rem}.modal__row{display:flex;gap:1rem}.modal__row .modal__field{flex:1}.modal__field{display:flex;flex-direction:column;gap:.3rem}.modal__label{font-family:var(--font-display);font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary)}.modal__input{font-family:var(--font-mono);font-size:.85rem;padding:.6rem .8rem;background:#0006;border:1px solid var(--border-dim);border-radius:6px;color:var(--text-primary);outline:none;transition:border-color .2s}.modal__input:focus{border-color:var(--neon-cyan);box-shadow:0 0 8px #00f0ff33}.modal__input::placeholder{color:var(--text-muted)}.modal__input option{background:var(--bg-secondary);color:var(--text-primary)}.modal__hint{font-family:var(--font-mono);font-size:.6rem;color:var(--text-muted);letter-spacing:.05em}.modal__submit{margin-top:.5rem;width:100%;padding:.9rem;font-size:.85rem}.app__actions{display:flex;justify-content:flex-end;padding:1.5rem 2rem 0;max-width:1280px;margin:0 auto;width:100%}.app__footer{margin-top:auto;padding:2rem;text-align:center;border-top:1px solid var(--border-dim);background:var(--bg-glass)}.app__footer p{font-family:var(--font-mono);font-size:.7rem;color:var(--text-muted);letter-spacing:.1em}.app__footer-sub{margin-top:.3rem;font-size:.6rem!important;color:var(--text-muted)}@media(max-width:640px){.app__actions{padding:1rem 1rem 0;justify-content:center}}:root{--neon-cyan: #00f0ff;--neon-magenta: #ff00e5;--neon-green: #39ff14;--neon-yellow: #f5f500;--neon-orange: #ff6b00;--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #161622;--bg-card-hover: #1c1c2e;--bg-glass: rgba(22, 22, 34, .85);--border-dim: rgba(0, 240, 255, .15);--border-glow: rgba(0, 240, 255, .5);--text-primary: #e0e0f0;--text-secondary: #8888aa;--text-muted: #555570;--font-display: "Orbitron", sans-serif;--font-body: "Rajdhani", sans-serif;--font-mono: "Share Tech Mono", monospace;--glow-cyan: 0 0 10px rgba(0, 240, 255, .4), 0 0 40px rgba(0, 240, 255, .15);--glow-magenta: 0 0 10px rgba(255, 0, 229, .4), 0 0 40px rgba(255, 0, 229, .15);--glow-green: 0 0 10px rgba(57, 255, 20, .4), 0 0 40px rgba(57, 255, 20, .15)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;background:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}a{color:var(--neon-cyan);text-decoration:none}a:hover{text-shadow:var(--glow-cyan)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}.neon-text{color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.neon-text--magenta{color:var(--neon-magenta);text-shadow:var(--glow-magenta)}.neon-text--green{color:var(--neon-green);text-shadow:var(--glow-green)}.glass-card{background:var(--bg-glass);border:1px solid var(--border-dim);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s ease}.glass-card:hover{border-color:var(--border-glow);box-shadow:var(--glow-cyan)}.btn{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:.7rem 1.6rem;border:1px solid;border-radius:6px;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .25s}.btn:hover:before{opacity:1}.btn--cyan{color:var(--neon-cyan);border-color:var(--neon-cyan);background:#00f0ff14}.btn--cyan:hover{background:#00f0ff2e;box-shadow:var(--glow-cyan)}.btn--magenta{color:var(--neon-magenta);border-color:var(--neon-magenta);background:#ff00e514}.btn--magenta:hover{background:#ff00e52e;box-shadow:var(--glow-magenta)}.btn--green{color:var(--neon-green);border-color:var(--neon-green);background:#39ff1414}.btn--green:hover{background:#39ff142e;box-shadow:var(--glow-green)}.btn--solid{background:linear-gradient(135deg,var(--neon-cyan),var(--neon-magenta));color:var(--bg-primary);border:none;font-weight:700}.btn--solid:hover{box-shadow:0 0 20px #00f0ff66,0 0 40px #ff00e54d;transform:translateY(-1px)}.btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}@keyframes flicker{0%,to{opacity:1}50%{opacity:.85}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .5s ease forwards}