:root{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}body{margin:0}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}[data-theme=light]{--neu-bg: #f5f5f7;--neu-bg-secondary: #fbfbfd;--neu-bg-card: rgba(255, 255, 255, .8);--neu-text: #1d1d1f;--neu-text-secondary: #86868b;--neu-accent: #007aff;--neu-accent-hover: #0051d5;--neu-shadow-light: rgba(255, 255, 255, .9);--neu-shadow-dark: rgba(0, 0, 0, .08);--neu-border: rgba(0, 0, 0, .04)}[data-theme=dark]{--neu-bg: #000000;--neu-bg-secondary: #1c1c1e;--neu-bg-card: rgba(28, 28, 30, .8);--neu-text: #ffffff;--neu-text-secondary: #8e8e93;--neu-accent: #0a84ff;--neu-accent-hover: #409cff;--neu-shadow-light: rgba(255, 255, 255, .02);--neu-shadow-dark: rgba(0, 0, 0, .4);--neu-border: rgba(255, 255, 255, .06)}body{background:var(--neu-bg);color:var(--neu-text);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.neu-card{background:var(--neu-bg-card);border-radius:20px;border:1px solid var(--neu-border);box-shadow:0 8px 32px #0000001f,0 2px 16px #00000014;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.neu-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,0 4px 20px #0000001a}.neu-inset{background:var(--neu-bg-card);border-radius:16px;border:1px solid var(--neu-border);box-shadow:inset 0 2px 8px #0000000f;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.neu-button{background:var(--neu-accent);border:0;border-radius:12px;padding:12px 24px;color:#fff!important;cursor:pointer;box-shadow:0 4px 14px #007aff4d;transition:all .2s cubic-bezier(.4,0,.2,1);font-weight:500;font-size:1rem;text-transform:none}.neu-button:hover{background:var(--neu-accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #007aff66}.neu-button:active{transform:translateY(0);box-shadow:0 2px 8px #007aff4d}.MuiOutlinedInput-root{background:var(--neu-bg-card)!important;border-radius:12px!important;border:1px solid var(--neu-border)!important;box-shadow:0 2px 8px #0000000a;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.MuiOutlinedInput-root:hover{border-color:var(--neu-accent)!important;box-shadow:0 4px 12px #007aff26!important}.MuiOutlinedInput-root.Mui-focused{border-color:var(--neu-accent)!important;box-shadow:0 0 0 4px #007aff1a,0 4px 12px #007aff26!important}.MuiOutlinedInput-notchedOutline{border:0!important}.MuiButton-root.neu-button{background:var(--neu-accent)!important;color:#fff!important;text-transform:none;font-weight:500!important}.MuiCheckbox-root{border-radius:6px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.MuiCheckbox-root.Mui-checked{color:var(--neu-accent)!important}.MuiSwitch-root .MuiSwitch-track{background-color:var(--neu-border)!important;opacity:1!important;border-radius:16px!important}.MuiSwitch-root .MuiSwitch-thumb{background-color:var(--neu-text)!important;box-shadow:0 2px 4px #0003!important}.MuiSwitch-root .Mui-checked .MuiSwitch-thumb{background-color:var(--neu-accent)!important}.MuiSwitch-root .Mui-checked+.MuiSwitch-track{background-color:#007aff4d!important}.neu-label{opacity:.9}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neu-bg)}::-webkit-scrollbar-thumb{background:var(--neu-text-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neu-accent)}::selection{background:#007aff33;color:var(--neu-text)}::-moz-selection{background:#007aff33;color:var(--neu-text)}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .6s cubic-bezier(.4,0,.2,1)}@keyframes pulse{0%{box-shadow:0 0 #007aff66}70%{box-shadow:0 0 0 10px #007aff00}to{box-shadow:0 0 #007aff00}}.pulse{animation:pulse 2s infinite}
