/* Inline style 1 */
:root { color-scheme: dark; }
    html { scroll-behavior: smooth; }
    .noise {
      position: relative;
      isolation: isolate;
    }
    .noise::before{
      content:"";
      position:absolute; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.20'/%3E%3C/svg%3E");
      mix-blend-mode: overlay;
      opacity: .14;
      pointer-events:none;
      z-index: -1;
      border-radius: inherit;
    }
    .grid-fade {
      background-image:
        radial-gradient(1200px 600px at 20% 10%, rgba(34,213,255,.14), transparent 60%),
        radial-gradient(900px 500px at 80% 20%, rgba(0,184,230,.12), transparent 62%),
        linear-gradient(to bottom, rgba(255,255,255,.05), transparent 35%, rgba(255,255,255,.03)),
        linear-gradient(to right, rgba(255,255,255,.06) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,.05) 1px, transparent 1px);
      background-size: auto, auto, auto, 56px 56px, 56px 56px;
      background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
    }
    .shimmer-border {
      position: relative;
    }
    .shimmer-border::after{
      content:"";
      position:absolute; inset:-1px;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(90deg, rgba(34,213,255,.0), rgba(34,213,255,.35), rgba(34,213,255,.0));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      opacity:.0;
      transition: opacity .25s ease;
      pointer-events:none;
    }
    .shimmer-border:hover::after{ opacity:1; }
    .focus-ring:focus{
      outline: none;
      box-shadow: 0 0 0 3px rgba(34,213,255,0.22), 0 0 0 1px rgba(34,213,255,0.28);
      border-color: rgba(34,213,255,0.45);
    }
    .btn-primary {
      background: linear-gradient(180deg, rgba(34,213,255,0.95), rgba(0,184,230,0.92));
      color: #041018;
      box-shadow: 0 0 0 1px rgba(34,213,255,0.38), 0 18px 50px rgba(0,0,0,0.55);
    }
    .btn-primary:hover { filter: brightness(1.03); transform: translateY(-1px); }
    .btn-secondary:hover { transform: translateY(-1px); }
    .btn-secondary {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.14);
      box-shadow: 0 18px 50px rgba(0,0,0,0.40);
    }
    .chip {
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
    }
    .divider {
      background: linear-gradient(to right, transparent, rgba(255,255,255,0.12), transparent);
    }