@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 0 0% 100%;--foreground: 222.2 84% 4.9%;--card: 0 0% 100%;--card-foreground: 222.2 84% 4.9%;--popover: 0 0% 100%;--popover-foreground: 222.2 84% 4.9%;--primary: 262.1 83.3% 57.8%;--primary-foreground: 210 40% 98%;--secondary: 210 40% 96%;--secondary-foreground: 222.2 84% 4.9%;--muted: 210 40% 96%;--muted-foreground: 215.4 16.3% 46.9%;--accent: 210 40% 96%;--accent-foreground: 222.2 84% 4.9%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 210 40% 98%;--border: 214.3 31.8% 91.4%;--input: 214.3 31.8% 91.4%;--ring: 262.1 83.3% 57.8%;--radius: .5rem}.dark{--background: 222.2 84% 4.9%;--foreground: 210 40% 98%;--card: 222.2 84% 4.9%;--card-foreground: 210 40% 98%;--popover: 222.2 84% 4.9%;--popover-foreground: 210 40% 98%;--primary: 262.1 83.3% 57.8%;--primary-foreground: 210 40% 98%;--secondary: 217.2 32.6% 17.5%;--secondary-foreground: 210 40% 98%;--muted: 217.2 32.6% 17.5%;--muted-foreground: 215 20.2% 65.1%;--accent: 217.2 32.6% 17.5%;--accent-foreground: 210 40% 98%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 210 40% 98%;--border: 217.2 32.6% 17.5%;--input: 217.2 32.6% 17.5%;--ring: 262.1 83.3% 57.8%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground;}}:root{--brand: #8247e5;--brand-600: #6b34d1;--brand-700: #5928b2;--ds-bg: #f7f8fb;--ds-surface: #ffffff;--ds-text: #111827;--ds-text-muted: #6b7280;--ds-border: #e5e7eb;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 24px rgba(16, 24, 40, .12);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;color-scheme:light}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.animate-shimmer{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0,#f0f0f0 80px);background-size:800px}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.animate-pulse-subtle{animation:pulse-subtle 2s cubic-bezier(.4,0,.6,1) infinite}[data-theme=dark]{--ds-bg: #0b1020;--ds-surface: #111729;--ds-text: #e5e7eb;--ds-text-muted: #9ca3af;--ds-border: #1f2a44;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--ds-bg);color:var(--ds-text);font-family:var(--font-sans);line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4);color:var(--text);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,3vw,2.5rem)}h2{font-size:clamp(1.5rem,2.4vw,2rem)}h3{font-size:clamp(1.25rem,2vw,1.5rem)}h4{font-size:1.125rem}p{margin:0 0 var(--space-4);color:var(--text)}small{font-size:.875rem;color:var(--text-muted)}code,pre{font-family:var(--font-mono)}a{color:var(--brand);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}button{border-radius:var(--radius-md);border:1px solid transparent;padding:.6em 1.2em;font-size:1rem;font-weight:600;cursor:pointer;background:var(--brand);color:#fff;transition:transform .12s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm)}button:hover{filter:brightness(.98);box-shadow:var(--shadow-md)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid rgba(130,71,229,.35);outline-offset:2px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.container{width:100%;margin-inline:auto;padding-inline:var(--space-6);max-width:1200px}.container-sm{max-width:768px}.container-lg{max-width:1440px}.stack>*+*{margin-top:var(--space-4)}.center{display:grid;place-items:center}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}.tag{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:#eef2ff;color:#3730a3;font-size:12px;font-weight:600}.muted{color:var(--text-muted)}.surface{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.border{border:1px solid var(--border);border-radius:var(--radius-md)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}@media (prefers-color-scheme: light){a:hover{color:#6f4df0}}@keyframes spin{to{transform:rotate(360deg)}}#root{margin:0;padding:0;text-align:left}.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)}}@keyframes 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}.app{margin:0;padding:0;min-height:100vh;background:linear-gradient(135deg,#fafbff,#e8ecfa);position:relative;overflow-x:hidden}nav button:hover{transform:translateY(-1px)}nav button:active{transform:translateY(0)}input[type=text]:focus{border-color:#8247e566!important;background:#fff!important;box-shadow:0 0 0 4px #8247e51a,0 4px 12px #8247e526!important}input[type=text]:hover:not(:focus){border-color:#8247e540!important}button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 32px #8247e566!important}button:not(:disabled):active{transform:translateY(0)}.portfolio-header button:hover{background:#8247e51f!important;border-color:#8247e54d!important;transform:translate(-4px)}.connect-wallet:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #8247e559!important}.connect-wallet:active{transform:translateY(0) scale(1)}.app:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background-image:radial-gradient(circle at 20% 80%,rgba(130,71,229,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(107,52,209,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(130,71,229,.06) 0%,transparent 50%);pointer-events:none;z-index:0}.app>*{position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.feature-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #8247e526;border-color:#8247e54d;background:linear-gradient(135deg,#8247e514,#8247e508)}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(5deg)}.feature-icon{transition:transform .3s ease}.cta-button{position:relative;overflow:hidden;transition:all .3s ease}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8247e566}.cta-button:active{transform:translateY(0);box-shadow:0 4px 24px #8247e54d}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.cta-button:hover:before{left:100%}.landing-content{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.landing-headline{animation:fadeInUp .8s ease-out;animation-delay:.1s;animation-fill-mode:both}.landing-description{animation:fadeInUp .8s ease-out;animation-delay:.2s;animation-fill-mode:both}.feature-grid>*{animation:fadeInUp .8s ease-out;animation-fill-mode:both}.feature-grid>*:nth-child(1){animation-delay:.3s}.feature-grid>*:nth-child(2){animation-delay:.4s}.feature-grid>*:nth-child(3){animation-delay:.5s}.cta-section{animation:fadeInUp .8s ease-out;animation-delay:.6s;animation-fill-mode:both}.gradient-text{background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideIn{0%{opacity:0;width:0}to{opacity:1;width:24px}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes glow{0%,to{opacity:.3;transform:translate(-50%) scale(1)}50%{opacity:.6;transform:translate(-50%) scale(1.1)}}@keyframes pulse{0%{box-shadow:0 0 #4ade80b3}70%{box-shadow:0 0 0 8px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}input,button,a{transition:all .3s cubic-bezier(.4,0,.2,1)}input{transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease}button{position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.nav-link{transition:background .2s ease,color .2s ease,transform .2s ease}.landing-section{position:relative}.landing-section:before{content:"";position:absolute;top:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(130,71,229,.15) 0%,transparent 70%);border-radius:50%;animation:float 6s ease-in-out infinite;pointer-events:none}.landing-section:after{content:"";position:absolute;bottom:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite reverse;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(2deg)}75%{transform:translateY(3px) rotate(-2deg)}}.hero-content{position:relative;background:radial-gradient(ellipse at top left,rgba(130,71,229,.03) 0%,transparent 40%),radial-gradient(ellipse at bottom right,rgba(107,52,209,.03) 0%,transparent 40%);padding:40px;border-radius:32px}.stats-container{position:relative;overflow:hidden}.stats-container:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(130,71,229,.05),transparent);animation:shimmerStats 3s infinite}@keyframes shimmerStats{0%{left:-100%}to{left:100%}}.feature-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,#8247e500,#8247e50d);border-radius:inherit;opacity:0;transition:opacity .3s ease;pointer-events:none}.feature-card:hover:before{opacity:1}.wallet-option{animation:fadeInUp .5s ease-out}.use-wallet-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #4ade8059!important}.use-wallet-button:active{transform:translateY(0)}.divider{position:relative;text-align:center;margin:20px 0}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(130,71,229,.15) 20%,rgba(130,71,229,.15) 80%,transparent 100%)}.divider-text{position:relative;display:inline-block;padding:0 16px;background:inherit;z-index:1}.wallet-address:hover{transform:scale(1.02);box-shadow:0 8px 24px #4ade8059!important;background:linear-gradient(135deg,#ef4444,#dc2626)!important}.wallet-address:active{transform:scale(1)}.wallet-info{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.wallet-address:hover{background:#8247e514!important;border-color:#8247e54d!important;transform:translateY(-1px);box-shadow:0 4px 16px #8247e526!important}.wallet-address:active{transform:translateY(0)}.wallet-dropdown[data-open=true] .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{animation:slideDown .2s ease-out}.dropdown-item:hover{background:#8247e514!important}.dropdown-item:active{background:#8247e51f!important}.dropdown-item-danger:hover{background:#ef444414!important}.dropdown-item-danger:active{background:#ef44441f!important}.metamask-logo{transition:transform .3s ease}.wallet-address:hover .metamask-logo{transform:rotate(-10deg) scale(1.1)}@keyframes slideInOut{0%{opacity:0;transform:translate(100px)}20%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.copy-toast{position:fixed;top:100px;right:20px;padding:12px 20px;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 4px 16px #4ade804d;animation:slideInOut 2s ease-out;z-index:10001}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feature-card{cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover{transform:translateY(-12px) scale(1.02)}.cta-button{position:relative;overflow:hidden}.cta-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s,height .6s}.cta-button:active:after{width:300px;height:300px}@keyframes moveDots{0%{background-position:0 0,50px 50px}to{background-position:50px 50px,100px 100px}}.resolver-card{position:relative;overflow:hidden}.resolver-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(130,71,229,.1) 1px,transparent 1px),radial-gradient(circle,rgba(130,71,229,.1) 1px,transparent 1px);background-size:50px 50px;background-position:0 0,25px 25px;opacity:.3;animation:moveDots 20s linear infinite;pointer-events:none;z-index:0}.resolver-card>*{position:relative;z-index:1}