:root{font-family:var(--font-family-primary);line-height:1.6;font-weight:var(--font-weight-normal);color-scheme:dark;color:var(--color-text-primary);background:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:var(--font-weight-semibold);color:var(--color-secondary);text-decoration:none;transition:var(--transition-normal);position:relative}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--gradient-cyberpunk);transition:var(--transition-normal)}a:hover:after{width:100%}a:hover{color:var(--color-primary)}body{margin:0;min-width:320px;min-height:100vh;background:var(--color-background);overflow-x:hidden}h1{font-size:var(--font-size-5xl);line-height:1.2;font-weight:var(--font-weight-black);font-family:var(--font-family-display);background:var(--gradient-cyberpunk);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:var(--font-size-4xl);line-height:1.3;font-weight:var(--font-weight-bold);font-family:var(--font-family-display)}h3{font-size:var(--font-size-2xl);line-height:1.4;font-weight:var(--font-weight-semibold)}button{border:none;background:none;cursor:pointer;font-family:var(--font-family-primary)}button:focus,button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--color-neon-pink: #FF0080;--color-neon-blue: #00FFFF;--color-neon-purple: #8A2BE2;--color-neon-green: #00FF41;--color-neon-orange: #FF4500;--color-neon-yellow: #FFFF00;--gradient-cyberpunk: linear-gradient(135deg, #FF0080 0%, #8A2BE2 50%, #00FFFF 100%);--gradient-vaporwave: linear-gradient(135deg, #FF6B9D 0%, #C44569 50%, #F8B500 100%);--gradient-neon: linear-gradient(135deg, #00FF41 0%, #00FFFF 50%, #FF0080 100%);--gradient-dark: linear-gradient(135deg, #1A1A2E 0%, #16213E 50%, #0F3460 100%);--color-primary: #FF0080;--color-primary-dark: #CC0066;--color-primary-light: #FF3399;--color-secondary: #00FFFF;--color-accent: #8A2BE2;--color-background: #0A0A0A;--color-surface: #1A1A1A;--color-surface-elevated: #2A2A2A;--color-border: #333333;--color-border-light: #444444;--color-text-primary: #FFFFFF;--color-text-secondary: #B0B0B0;--color-text-muted: #808080;--color-text-light: #FFFFFF;--color-success: #00FF41;--color-warning: #FFFF00;--color-error: #FF0040;--color-info: #00FFFF;--gradient-primary: var(--gradient-cyberpunk);--gradient-secondary: var(--gradient-vaporwave);--gradient-accent: var(--gradient-neon);--gradient-card: linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-elevated) 100%);--gradient-button: var(--gradient-cyberpunk);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .05) 100%);--gradient-instagram: linear-gradient(135deg, #F58529 0%, #DD2A7B 50%, #8134AF 75%, #515BD4 100%);--shadow-sm: 0 1px 3px rgba(255, 0, 128, .1), 0 1px 2px rgba(0, 255, 255, .1);--shadow-md: 0 4px 8px rgba(255, 0, 128, .15), 0 2px 4px rgba(0, 255, 255, .1);--shadow-lg: 0 8px 16px rgba(255, 0, 128, .2), 0 4px 8px rgba(0, 255, 255, .15);--shadow-xl: 0 16px 32px rgba(255, 0, 128, .25), 0 8px 16px rgba(0, 255, 255, .2);--shadow-neon: 0 0 20px rgba(255, 0, 128, .5), 0 0 40px rgba(0, 255, 255, .3);--shadow-glow: 0 0 30px rgba(138, 43, 226, .4);--shadow-instagram: 0 10px 30px rgba(221, 42, 123, .25);--font-family-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Montserrat", -apple-system, BlinkMacSystemFont, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 50%;--transition-fast: all .2s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .3s cubic-bezier(.68, -.55, .265, 1.55);--color-white: var(--color-surface);--color-black: var(--color-text-primary);--color-gray-100: #F5F5F5;--color-gray-200: #EEEEEE;--color-gray-300: var(--color-border);--color-gray-400: #C7C7CC;--color-gray-500: var(--color-text-secondary);--color-gray-600: #737373;--color-gray-700: #515151;--color-gray-800: #404040;--color-gray-900: var(--color-text-primary);--color-blue: #3b82f6}.btn-primary{background:var(--gradient-cyberpunk);color:var(--color-text-light);border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-bounce);box-shadow:var(--shadow-neon);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:var(--transition-normal)}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--gradient-glass);color:var(--color-text-primary);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:var(--transition-bounce);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--gradient-vaporwave);border-color:var(--color-primary);transform:translateY(-2px) scale(1.05);box-shadow:var(--shadow-md)}.btn-neon{background:transparent;color:var(--color-neon-pink);border:2px solid var(--color-neon-pink);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-8);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:var(--transition-normal);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-neon:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-neon-pink);transition:var(--transition-normal);z-index:-1}.btn-neon:hover:before{width:100%}.btn-neon:hover{color:var(--color-background);box-shadow:0 0 20px var(--color-neon-pink);transform:translateY(-2px)}.card-modern{background:var(--gradient-glass);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);transition:var(--transition-bounce);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-cyberpunk)}.card-modern:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.card-neon{background:var(--color-surface);border:2px solid transparent;border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-neon);transition:var(--transition-normal);position:relative;background-clip:padding-box}.card-neon:before{content:"";position:absolute;inset:0;z-index:-1;margin:-2px;border-radius:inherit;background:var(--gradient-cyberpunk)}.card-neon:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.input-modern{background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-normal);width:100%}.input-modern:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff00801a;background:var(--color-surface)}.input-modern::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.input-neon{background:transparent;border:2px solid var(--color-neon-blue);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-normal);width:100%}.input-neon:focus{outline:none;border-color:var(--color-neon-pink);box-shadow:0 0 20px #00ffff4d;background:#00ffff0d}.input-neon::placeholder{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}body{margin:0;padding:0;min-height:100vh;width:100%;overflow-x:hidden;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:400;line-height:1.5}#root{min-height:100vh;width:100%;display:flex;flex-direction:column}.loading-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background)}.loading-spinner .heart{font-size:48px;margin-bottom:var(--space-4);animation:heartbeat 2s ease-in-out infinite}.loading-spinner p{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:400;margin:0}.app{min-height:100vh;width:100%;display:flex;flex-direction:column}.main-content{flex:1;padding:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:var(--color-background);min-height:calc(100vh - 80px)}.loading-container{min-height:100vh;background:var(--color-background);display:flex;align-items:center;justify-content:center}.loading-spinner{text-align:center;color:var(--color-gray-800);animation:fadeIn .5s ease-out}.loading-spinner .heart{font-size:var(--font-size-5xl);margin-bottom:var(--space-5);color:var(--color-primary);animation:heartbeat 2s ease-in-out infinite}.loading-spinner p{font-size:var(--font-size-xl);font-weight:600;margin:0;color:var(--color-gray-500)}h1,h2,h3,h4,h5,h6{margin:0;font-family:Inter,sans-serif}p{margin:0;line-height:1.6}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}@media (min-width: 1400px){body{font-size:16px}.app{width:100%;max-width:none;margin:0}.main-content{width:100%}}@media (max-width: 1200px){body{font-size:15px}}@media (max-width: 768px){body{font-size:14px}}@media (max-width: 480px){body{font-size:13px}}.coming-soon{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:var(--space-8);background:var(--gradient-glass);border-radius:var(--radius-xl);margin:var(--space-8);border:2px solid var(--color-border-light);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.coming-soon:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cyberpunk);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.coming-soon{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);font-family:var(--font-family-display);background:var(--gradient-cyberpunk);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.header{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:1px solid #404040;position:-webkit-sticky;position:sticky;top:0;z-index:50;box-shadow:0 4px 15px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.header-container{width:100%;max-width:100vw;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:var(--space-4) var(--space-2);position:relative;z-index:10000;overflow-x:auto;overflow-y:hidden;min-width:0}@media (max-width: 1200px){.header-container{grid-template-columns:auto minmax(0,1fr) auto;gap:var(--space-2)}}.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none}.logo .heart,.logo .heart-svg{width:32px;height:32px;background:linear-gradient(135deg,#ff0080,#00ff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease;cursor:pointer;filter:drop-shadow(0 2px 4px rgba(255,0,128,.3));animation:gradientShift 3s ease-in-out infinite}.logo:hover .heart,.logo:hover .heart-svg{transform:scale(1.1);background:linear-gradient(135deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 8px rgba(255,0,255,.4));animation:gradientShift 1.5s ease-in-out infinite}.logo:active .heart,.logo:active .heart-svg{background:linear-gradient(135deg,#ff0080,#00ff80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(.95);filter:drop-shadow(0 2px 4px rgba(255,0,128,.5));animation:gradientShift .8s ease-in-out infinite}.logo span{color:red;font-size:1.8rem;font-weight:800;margin:0;font-family:Inter,Segoe UI,Roboto,sans-serif;letter-spacing:1px;transition:all .3s ease;cursor:pointer;text-shadow:0 2px 8px rgba(255,0,0,.3);background:linear-gradient(135deg,#ff0080,#00ff80,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.logo:hover span{transform:scale(1.05);background:linear-gradient(135deg,#f0f,#0ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 12px rgba(255,0,128,.4);animation:gradientShift 1.5s ease-in-out infinite}.logo:active span{transform:scale(.95);background:linear-gradient(135deg,#ff0080,#00ff80,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift .8s ease-in-out infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nav{display:flex;align-items:center;gap:var(--space-2);justify-content:center;width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.nav::-webkit-scrollbar{display:none}.nav-links{display:flex;gap:var(--space-2);align-items:center;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.nav-link{display:flex;align-items:center;gap:var(--space-2);color:#a0a0a0;text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:var(--transition-bounce);font-size:var(--font-size-base);white-space:nowrap;flex-shrink:0;position:relative;background:transparent;border:2px solid transparent}.nav-link:before{content:attr(data-emoji);font-size:var(--font-size-lg);margin-right:var(--space-1);transition:var(--transition-bounce)}.nav-link:hover{color:#fff;background:transparent;border-color:#667eea;border-width:1px;transform:translateY(-2px);box-shadow:0 0 10px #667eea66}.nav-link.active{color:#fff;background:transparent;border-color:#667eea;border-width:2px;transform:translateY(-2px);box-shadow:0 0 15px #667eea99;font-weight:600}.nav-link svg{width:22px;height:22px;transition:var(--transition-bounce);filter:drop-shadow(0 0 3px rgba(255,255,255,.4))}.nav-link:hover svg{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 0 5px rgba(102,126,234,.6))}.nav-link.active svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(102,126,234,.8))}.nav-link:nth-child(1) svg{color:var(--color-primary)}.nav-link:nth-child(2) svg{color:var(--color-blue)}.nav-link:nth-child(3) svg{color:var(--color-success)}.nav-link:nth-child(4) svg{color:#ef4444}.nav-link:nth-child(5) svg{color:#f59e0b}.nav-link:nth-child(6) svg{color:#06b6d4}.nav-link:nth-child(7) svg{color:#8b5cf6}.nav-link:nth-child(8) svg{color:#ec4899}.nav-link:nth-child(9) svg{color:#833ab4}.nav-link:hover svg{transform:scale(1.1)}.user-section{display:flex;align-items:center;gap:var(--space-3)}.user-menu{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;min-width:-webkit-max-content;min-width:max-content}.user-info{display:flex;align-items:center;gap:var(--space-2)}.user-avatar{width:32px;height:32px;background:var(--gradient-instagram);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-weight:600;font-size:var(--font-size-sm)}.user-name{color:#fff;font-weight:600;font-size:var(--font-size-sm)}.logout-btn{display:flex;align-items:center;gap:var(--space-1);background:#404040;border:1px solid #505050;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:var(--transition-fast)}.logout-btn:hover{background:#505050;border-color:#667eea}.logout-btn svg{width:16px;height:16px}.mobile-menu-btn{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast)}.mobile-menu-btn:hover{background:var(--color-surface-elevated)}.mobile-menu-btn svg{width:24px;height:24px;transition:var(--transition-fast)}.mobile-nav-overlay{position:fixed;inset:0;background:#00000080;z-index:20000;display:flex;align-items:stretch;justify-content:center}.mobile-nav{background:var(--color-surface);border-radius:0;width:100%;height:100vh;max-height:none;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative;z-index:20001;color:var(--color-text-primary);display:flex;flex-direction:column;padding-bottom:env(safe-area-inset-bottom)}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-user-info{display:flex;align-items:center;gap:var(--space-3)}.mobile-user-info .user-avatar{width:40px;height:40px;background:var(--gradient-instagram);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-weight:600;font-size:var(--font-size-base)}.mobile-user-info .user-name{color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-base)}.mobile-close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:var(--transition-fast)}.mobile-close-btn:hover{background:var(--color-gray-100);color:var(--color-text-primary)}.mobile-nav-links{display:flex;flex-direction:column;padding:var(--space-2);overflow-y:auto;flex:1 1 auto}.mobile-nav-link{display:flex;align-items:center;gap:var(--space-3);color:#a0a0a0;text-decoration:none;font-weight:var(--font-weight-medium);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);transition:var(--transition-bounce);font-size:var(--font-size-base);margin-bottom:var(--space-2);position:relative;background:transparent;border:2px solid transparent}.mobile-nav-link span{color:#a0a0a0;-webkit-text-fill-color:currentColor}.mobile-nav-link:before{content:attr(data-emoji);font-size:var(--font-size-xl);transition:var(--transition-bounce);color:#a0a0a0}.mobile-nav-link:hover{background:transparent;color:#fff;transform:translate(4px);border-color:#667eea;border-width:1px;box-shadow:0 0 10px #667eea66}.mobile-nav-link.active{background:transparent;color:#fff;font-weight:var(--font-weight-semibold);transform:translate(8px);border-color:#667eea;border-width:2px;box-shadow:0 0 15px #667eea99}.mobile-nav-link svg{width:22px;height:22px;transition:var(--transition-bounce);filter:drop-shadow(0 0 5px currentColor)}.mobile-nav-link:hover svg{transform:scale(1.1) rotate(5deg)}.mobile-nav-link.active svg{color:var(--color-text-light);transform:scale(1.1);filter:drop-shadow(0 0 10px var(--color-neon-pink))}.mobile-nav-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);position:-webkit-sticky;position:sticky;bottom:0}.mobile-logout-btn{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-primary);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:var(--transition-fast);width:100%;justify-content:center}.mobile-logout-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-border-light)}.mobile-logout-btn svg{width:20px;height:20px}@media (max-width: 768px){.header-container{padding:var(--space-3) var(--space-4)}.nav-links{display:none}.mobile-menu-btn{display:block}.user-menu{display:none}.logo span{font-size:var(--font-size-lg)}}@media (max-width: 480px){.header-container{padding:var(--space-2) var(--space-3)}.logo span{font-size:var(--font-size-base)}.mobile-nav-header{padding:var(--space-3) var(--space-4)}.mobile-user-info .user-avatar{width:36px;height:36px;font-size:var(--font-size-sm)}.mobile-user-info .user-name{font-size:var(--font-size-sm)}.mobile-nav-link{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.mobile-nav-link svg{width:18px;height:18px}.mobile-logout-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.mobile-logout-btn svg{width:18px;height:18px}}@media screen and (-webkit-min-device-pixel-ratio: 0){.header{position:-webkit-sticky;position:sticky;top:0;z-index:9999!important;transform:translateZ(0)}.header-container{z-index:10000!important}}.dashboard{width:100%;max-width:935px;margin:0 auto;padding:var(--space-6);min-height:calc(100vh - 80px);background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.dashboard svg{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}.dashboard-header{text-align:center;margin-bottom:var(--space-8)}.dashboard-header h1{color:#fff;font-size:var(--font-size-3xl);font-weight:300;margin:0 0 var(--space-2) 0;font-family:var(--font-family-primary)}.dashboard-header p{color:#a0a0a0;font-size:var(--font-size-base);margin:0;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.stat-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid #404040;border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);transition:var(--transition-fast);box-shadow:0 4px 15px #0000004d}.stat-card:hover{border-color:var(--color-gray-400);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2);transition:var(--transition-fast);background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 0 var(--space-2) 0!important;border-radius:0!important;width:auto!important;height:auto!important}.stat-icon svg{width:48px;height:48px;transition:var(--transition-fast);background:none!important;border:none!important;box-shadow:none!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.5!important}.stat-card:nth-child(1) .stat-icon svg{color:#e4405f!important;background:none!important;border:none!important;box-shadow:none!important}.stat-card:nth-child(2) .stat-icon svg{color:#0095f6!important;background:none!important;border:none!important;box-shadow:none!important}.stat-card:nth-child(3) .stat-icon svg{color:#00d851!important;background:none!important;border:none!important;box-shadow:none!important}.stat-card:nth-child(4) .stat-icon svg{color:#833ab4!important;background:none!important;border:none!important;box-shadow:none!important}.stat-card:hover .stat-icon svg{transform:scale(1.1)}.stat-content h3{color:#fff;font-size:var(--font-size-2xl);font-weight:600;margin:0;font-family:var(--font-family-primary)}.stat-content p{color:#a0a0a0;font-size:var(--font-size-sm);margin:0;font-weight:400;text-transform:uppercase;letter-spacing:.5px}.dashboard-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8);flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:var(--font-size-sm);transition:var(--transition-fast);min-width:160px;justify-content:center;font-family:var(--font-family-primary)}.action-btn.primary{background:var(--gradient-instagram);color:var(--color-text-light);border:none;box-shadow:var(--shadow-button)}.action-btn.primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.action-btn.secondary{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border)}.action-btn.secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-border-light)}.btn-icon{display:flex;align-items:center;justify-content:center}.btn-icon svg{width:18px;height:18px;transition:var(--transition-fast)}.action-btn.primary .btn-icon svg{color:var(--color-text-light)}.action-btn.secondary .btn-icon svg{color:var(--color-primary);transition:var(--transition-fast)}.action-btn.secondary:hover .btn-icon svg{color:var(--color-text-light)}.recent-contracts{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-instagram)}.recent-contracts h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--space-6) 0}.contracts-list{display:grid;gap:var(--space-4)}.contract-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);transition:var(--transition-fast)}.contract-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-gray-400)}.contract-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.contract-title-section{display:flex;align-items:center;gap:var(--space-3);flex:1}.contract-icon{display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);background:none!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0!important;border-radius:0!important;width:auto!important;height:auto!important}.contract-icon svg{width:24px;height:24px;transition:var(--transition-fast);background:none!important;border:none!important;box-shadow:none!important;fill:currentColor!important;stroke:currentColor!important;stroke-width:1.5!important}.contract-card:nth-child(odd) .contract-icon svg{color:var(--color-primary)!important;background:none!important;border:none!important;box-shadow:none!important}.contract-card:nth-child(2n) .contract-icon svg{color:var(--color-blue)!important;background:none!important;border:none!important;box-shadow:none!important}.contract-card:hover .contract-icon svg{transform:scale(1.15)}.contract-header h3{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);color:var(--color-text-light);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contract-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:var(--space-1) 0;display:flex;align-items:center;gap:var(--space-2)}.contract-type{font-weight:600;color:var(--color-text-primary)!important}@media (max-width: 768px){.dashboard{padding:var(--space-3);max-width:100%}.dashboard-header{margin-bottom:var(--space-6)}.dashboard-header h1{font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6)}.stat-card{padding:var(--space-4)}.stat-icon svg{width:40px;height:40px}.stat-content h3{font-size:var(--font-size-xl)}.dashboard-actions{flex-direction:column;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-6)}.action-btn{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--font-size-base)}.recent-contracts{padding:var(--space-4)}.recent-contracts h2{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.contract-card{padding:var(--space-4)}.contract-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.contract-title-section{width:100%}.contract-details p{font-size:var(--font-size-xs)}}@media (max-width: 480px){.dashboard{padding:var(--space-2)}.stats-grid{grid-template-columns:1fr;gap:var(--space-2)}.stat-card{padding:var(--space-3)}.stat-icon svg{width:36px;height:36px}.stat-content h3{font-size:var(--font-size-lg)}.dashboard-header h1{font-size:var(--font-size-xl)}.action-btn{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm)}.recent-contracts,.contract-card{padding:var(--space-3)}}.dashboard{animation:fadeIn .6s ease-out}.stat-card{animation:slideUp .4s ease-out}.stat-card:nth-child(1){animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.recovery-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.recovery-modal{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.recovery-header{display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px 20px 0 0}.recovery-header h2{margin:0;font-size:24px;font-weight:600}.back-btn,.close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:18px}.back-btn:hover,.close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.recovery-progress{display:flex;justify-content:center;padding:20px 30px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.progress-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1;max-width:120px}.progress-step:not(:last-child):after{content:"";position:absolute;top:15px;left:60px;right:-60px;height:2px;background:#e5e7eb;z-index:1}.progress-step.active:not(:last-child):after{background:#667eea}.step-number{width:30px;height:30px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;margin-bottom:8px;position:relative;z-index:2;transition:all .3s ease}.progress-step.active .step-number{background:#667eea;color:#fff;transform:scale(1.1)}.progress-step span{font-size:12px;color:#6b7280;text-align:center;font-weight:500}.progress-step.active span{color:#667eea;font-weight:600}.recovery-content{padding:30px}.recovery-step h3{margin:0 0 10px;font-size:22px;color:#1f2937;font-weight:600}.step-description{color:#6b7280;margin-bottom:30px;line-height:1.6}.form-group{margin-bottom:25px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#374151;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;transition:all .2s ease;background:#f9fafb}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group small{display:block;margin-top:6px;color:#6b7280;font-size:12px}.code-input-group{position:relative;display:flex;align-items:center}.code-input-group input{padding-right:50px}.toggle-visibility{position:absolute;right:12px;background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toggle-visibility:hover{color:#374151;background:#f3f4f6}.recovery-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:20px;margin-top:20px}.recovery-info h4{margin:0 0 10px;color:#0369a1;font-size:16px;font-weight:600}.recovery-info p{margin:0;color:#0c4a6e;font-size:14px;line-height:1.5}.biometric-progress{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-info span:first-child{font-weight:600;color:#374151;font-size:14px}.progress-status{font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;background:#fef3c7;color:#92400e}.progress-status:contains("✓"){background:#d1fae5;color:#065f46}.progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.biometric-options{display:flex;flex-direction:column;gap:20px}.biometric-option{border:2px solid #e5e7eb;border-radius:16px;padding:20px;transition:all .3s ease;background:#f9fafb}.biometric-option.completed{border-color:#10b981;background:#f0fdf4}.biometric-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.biometric-header h4{margin:0;font-size:16px;font-weight:600;color:#374151}.biometric-option.completed .biometric-header h4{color:#065f46}.biometric-option p{margin:0 0 15px;color:#6b7280;font-size:14px}.biometric-input{position:relative;display:flex;align-items:center;margin-bottom:15px}.biometric-input input{padding-right:50px}.capture-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.capture-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.capture-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message,.success-message{display:flex;align-items:center;gap:10px;padding:15px;border-radius:12px;margin-bottom:20px;font-weight:500;font-size:14px}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.recovery-actions{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:#f8fafc;border-top:1px solid #e5e7eb;border-radius:0 0 20px 20px}.prev-btn,.next-btn,.recovery-btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px;border:none}.prev-btn{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.prev-btn:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.next-btn,.recovery-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.next-btn:hover:not(:disabled),.recovery-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.prev-btn:disabled,.next-btn:disabled,.recovery-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.recovery-modal{margin:10px;max-height:95vh}.recovery-header{padding:15px 20px}.recovery-header h2{font-size:20px}.recovery-content{padding:20px}.recovery-actions{padding:15px 20px;flex-direction:column;gap:10px}.prev-btn,.next-btn,.recovery-btn{width:100%}.progress-step{max-width:80px}.progress-step:not(:last-child):after{left:40px;right:-40px}.biometric-options{gap:15px}.biometric-option{padding:15px}}.biometric-auth{min-height:100vh;background:var(--color-background);display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.auth-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;max-width:400px;width:100%;box-shadow:var(--shadow-instagram)}.logo{margin-bottom:var(--space-8)}.logo .heart{font-size:48px;margin-bottom:var(--space-4);animation:heartbeat 2s ease-in-out infinite;background:var(--gradient-instagram);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:300;margin:0 0 var(--space-2) 0;font-family:var(--font-family-primary);letter-spacing:-1px}.logo p{color:var(--color-text-secondary);font-size:var(--font-size-base);margin:0;font-weight:400}.auth-methods h2{color:var(--color-text-primary);font-size:var(--font-size-xl);margin-bottom:var(--space-6);font-weight:600}.auth-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.auth-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:600}.auth-btn:hover:not(:disabled){background:var(--color-surface-elevated);border-color:var(--color-border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-btn .icon{font-size:32px;transition:var(--transition-fast)}.auth-btn:nth-child(1) .icon{color:#e4405f}.auth-btn:nth-child(2) .icon{color:#0095f6}.auth-btn:nth-child(3) .icon{color:#00d851}.auth-btn:hover .icon{transform:scale(1.1)}.auth-btn.demo{background:var(--gradient-instagram)!important;color:var(--color-text-light)!important;border:none!important;grid-column:1 / -1;position:relative;overflow:hidden}.auth-btn.demo: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 .5s}.auth-btn.demo:hover:before{left:100%}.auth-btn.demo:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.auth-btn.demo .icon{color:var(--color-text-light)!important;background:none!important;-webkit-text-fill-color:var(--color-text-light)!important;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.auth-loading{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--color-text-primary);margin-top:var(--space-4)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:var(--radius-full);animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading p{margin:var(--space-1) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media (max-width: 480px){.biometric-auth{padding:var(--space-4)}.auth-container{padding:var(--space-8) var(--space-6)}.auth-buttons{grid-template-columns:1fr}.auth-btn.demo{grid-column:1}.logo h1{font-size:var(--font-size-2xl)}.logo .heart{font-size:40px}}.auth-container{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-btn{animation:fadeIn .4s ease-out}.auth-btn:nth-child(1){animation-delay:.1s}.auth-btn:nth-child(2){animation-delay:.2s}.auth-btn:nth-child(3){animation-delay:.3s}.auth-btn:nth-child(4){animation-delay:.4s}.auth-footer{text-align:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.auth-footer p{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-size:var(--font-size-sm)}.register-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:var(--space-3) var(--space-6);border-radius:var(--border-radius-lg);font-weight:600;font-size:var(--font-size-sm);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.register-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.register-btn:active{transform:translateY(0)}.auth-links{margin-top:15px;text-align:center}.recovery-link{background:none;border:none;color:#6b7280;font-size:14px;text-decoration:underline;cursor:pointer;transition:color .2s ease;padding:8px;border-radius:6px}.recovery-link:hover{color:#374151;background:#6b72801a}.love-game{min-height:100vh;background:var(--gradient-dark);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.love-game:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(138,43,226,.1) 0%,transparent 50%);animation:float 20s infinite linear;pointer-events:none}.love-game-header{text-align:center;margin-bottom:var(--space-8);z-index:1}.love-game-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.love-game-title h1{background:var(--gradient-cyberpunk);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);margin:0;font-family:var(--font-family-display);text-shadow:0 0 30px rgba(255,0,128,.5)}.love-game-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);opacity:.9;text-align:center}.total-points-section{text-align:center;margin-bottom:var(--space-8);z-index:1}.total-points-label{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:1px}.total-points-value{font-size:5rem;font-weight:var(--font-weight-black);background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(255,0,128,.5);font-family:var(--font-family-display);animation:glow 2s ease-in-out infinite alternate}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(255,0,128,.5))}to{filter:drop-shadow(0 0 40px rgba(0,255,255,.5))}}.current-level-section{width:100%;max-width:400px;margin-bottom:var(--space-8);z-index:1}.level-info{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 10px 25px #0000004d;display:flex;align-items:center;gap:var(--space-6);border:2px solid #404040;position:relative;overflow:hidden}.level-info:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cyberpunk)}.level-emoji{font-size:3rem;animation:bounce 2s infinite}.level-details{flex:1}.level-name{font-size:var(--font-size-lg);font-weight:600;color:#fff;margin-bottom:var(--space-2)}.level-progress{width:100%}.progress-bar{width:100%;height:8px;background:#404040;border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:var(--font-size-sm);color:#a0a0a0;text-align:center}.message-input-section{width:100%;max-width:400px;margin-bottom:var(--space-6);z-index:1}.input-container{position:relative;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.message-input{width:100%;border:none;background:transparent;font-size:var(--font-size-base);color:#fff;outline:none;padding-right:var(--space-8)}.message-input::placeholder{color:#a0a0a0}.input-heart{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:#ff1493;animation:heartbeat 2s ease-in-out infinite}.celebrate-button{background:var(--gradient-cyberpunk);color:var(--color-text-light);border:none;border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-10);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);cursor:pointer;display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-neon);transition:var(--transition-bounce);margin-bottom:var(--space-8);z-index:1;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px}.celebrate-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:var(--transition-normal)}.celebrate-button:hover:before{left:100%}.celebrate-button:hover:not(:disabled){transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-glow)}.celebrate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.celebrate-icon{animation:sparkle 1.5s ease-in-out infinite}@keyframes sparkle{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.progress-visualization{display:flex;align-items:end;gap:var(--space-2);height:120px;margin-bottom:var(--space-8);z-index:1}.progress-bar-item{flex:1;border-radius:var(--radius-md) var(--radius-md) 0 0;position:relative;transition:all .3s ease;opacity:.3}.progress-bar-item.active{opacity:1;box-shadow:0 4px 8px #0003}.current-level-indicator{position:absolute;top:-20px;left:50%;transform:translate(-50%);color:#fff;background:#0003;border-radius:var(--radius-full);padding:var(--space-1)}.recent-activities{width:100%;max-width:500px;z-index:1}.recent-activities h3{color:#fff;font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--space-4);text-align:center}.activities-list{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-4);box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);margin-bottom:var(--space-2);transition:all .3s ease}.activity-item:hover{background:#ffb6c14d}.activity-icon{width:40px;height:40px;background:linear-gradient(45deg,#ff1493,#ff69b4);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.activity-content{flex:1}.activity-description{font-weight:600;color:#fff;margin-bottom:var(--space-1)}.activity-meta{display:flex;gap:var(--space-3);font-size:var(--font-size-sm);color:#a0a0a0}.activity-points{color:#ff1493;font-weight:600}.activity-status{width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600}.activity-status.confirmed{background:var(--color-success-100);color:var(--color-success-700)}.activity-status.pending{background:var(--color-warning-100);color:var(--color-warning-700)}.celebration-overlay{position:fixed;inset:0;background:#ff1493cc;display:flex;align-items:center;justify-content:center;z-index:1000}.celebration-content{text-align:center;color:#fff}.celebration-content svg{animation:sparkle 1s ease-in-out infinite}.celebration-text{font-size:var(--font-size-2xl);font-weight:800;margin-top:var(--space-4);animation:bounce 1s ease-in-out infinite}@media (max-width: 768px){.love-game{padding:var(--space-4)}.total-points-value{font-size:3rem}.level-info{flex-direction:column;text-align:center}.progress-visualization{height:80px}.activities-list{padding:var(--space-3)}}@media (max-width: 480px){.love-game-title h1{font-size:var(--font-size-3xl)}.total-points-value{font-size:2.5rem}.celebrate-button{padding:var(--space-3) var(--space-6);font-size:var(--font-size-base)}}.partners-section{margin:2rem 0;padding:1.5rem;background:linear-gradient(135deg,#ff00801a,#00ffff1a);border-radius:16px;border:1px solid rgba(255,0,128,.2)}.section-title{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;color:#fff;font-size:1.5rem;font-weight:600}.partners-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.partner-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.partner-card:hover{background:#ffffff26;border-color:#ff008066;box-shadow:0 8px 32px #ff008033}.partner-avatar{width:48px;height:48px;background:linear-gradient(135deg,#ff0080,#0ff);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#fff}.partner-info h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.partner-wallet{color:#fffc;font-size:.9rem;margin:0 0 .5rem;font-family:Courier New,monospace}.partner-code{color:#ffffffb3;font-size:.8rem;margin:0 0 1rem;font-family:Courier New,monospace;background:#ffffff1a;padding:.25rem .5rem;border-radius:4px;display:inline-block}.partner-status{display:flex;justify-content:flex-end}.status-badge{padding:.25rem .75rem;border-radius:12px;font-size:.8rem;font-weight:500}.status-badge.confirmed{background:#00ff4133;color:#00ff41;border:1px solid rgba(0,255,65,.3)}.status-badge.pending{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.3)}.ranking-position{margin-top:var(--space-4);padding:var(--space-4);background:#ffffff1a;border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);text-align:center}.ranking-info{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-2)}.ranking-text{font-size:1rem;font-weight:600;color:var(--text-primary)}.ranking-badge{display:flex;align-items:center;gap:var(--space-1);background:linear-gradient(45deg,gold,#ffed4e);color:#333;padding:var(--space-2) var(--space-3);border-radius:20px;font-weight:700;font-size:1.1rem}.rank-number{font-size:1.2rem;font-weight:700}.global-stats-mini{font-size:.9rem;opacity:.8;color:var(--text-secondary)}.badges-section{margin:var(--space-6) 0;width:100%;max-width:600px}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:1.3rem;font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary);text-align:center;justify-content:center}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3)}.badge-item{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:var(--space-3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;cursor:pointer}.badge-item:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.badge-content{display:flex;align-items:center;gap:var(--space-2)}.badge-emoji{font-size:1.5rem;min-width:30px;text-align:center}.badge-text{font-size:.9rem;font-weight:600;color:var(--text-primary);line-height:1.3}.action-buttons{display:flex;gap:var(--space-4);margin:var(--space-6) 0;flex-wrap:wrap;justify-content:center}.celebrate-button{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:25px;padding:var(--space-3) var(--space-6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.celebrate-button:hover:not(:disabled){background:linear-gradient(45deg,#ff5252,#ff7979);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.celebrate-button:disabled{opacity:.5;cursor:not-allowed}.ranking-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:25px;padding:var(--space-3) var(--space-6);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.ranking-button:hover{background:linear-gradient(45deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}@media (max-width: 768px){.ranking-info{flex-direction:column;gap:var(--space-1)}.badges-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.celebrate-button,.ranking-button{width:100%;max-width:300px;justify-content:center}}.intimate-agreements{min-height:100vh;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:var(--space-6);position:relative;overflow:hidden}.intimate-agreements:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,0,128,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(138,43,226,.1) 0%,transparent 50%);animation:float 25s infinite linear;pointer-events:none}@keyframes float{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-100px) rotate(360deg)}}.agreements-header{text-align:center;margin-bottom:var(--space-8);z-index:1}.agreements-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.agreements-title h1{background:var(--gradient-cyberpunk);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);margin:0;font-family:var(--font-family-display);text-shadow:0 0 30px rgba(255,0,128,.5)}.heart-icon-container{position:relative}.heart-icon{width:48px;height:48px;color:var(--color-neon-pink);filter:drop-shadow(0 0 20px var(--color-neon-pink))}.agreements-header p{color:#a0a0a0;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);opacity:.9;text-align:center}.agreements-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);justify-content:center;z-index:1;background:var(--gradient-glass);padding:var(--space-2);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-border-light)}.tab-button{background:transparent;border:1px solid #404040;border-radius:var(--radius-xl);padding:var(--space-3) var(--space-6);font-weight:var(--font-weight-medium);color:#e0e0e0;cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;gap:var(--space-2);position:relative;overflow:hidden}.tab-button:before{content:"";position:absolute;inset:0;background:var(--gradient-cyberpunk);opacity:0;transition:var(--transition-normal);z-index:-1}.tab-button:hover:before{opacity:.1}.tab-button:hover{transform:translateY(-2px);color:#fff;border-color:#667eea;box-shadow:0 4px 15px #667eea4d}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #667eea80;border-color:#667eea}.agreements-content{max-width:1200px;margin:0 auto;z-index:1}.my-agreements h2{color:#8b008b;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-6);text-align:center}.agreements-list{display:grid;gap:var(--space-6)}.agreement-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:0 10px 25px #0000004d;border:1px solid #404040;transition:all .3s ease}.agreement-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#ff1493}.agreement-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.agreement-emoji{font-size:3rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.agreement-info{flex:1}.agreement-info h3{font-size:var(--font-size-xl);font-weight:600;color:#fff;margin:0 0 var(--space-1) 0}.agreement-info p{color:#e0e0e0;margin:0}.agreement-status{display:flex;align-items:center}.status-badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600;background:#ffb6c14d;color:#fff;border:1px solid rgba(255,182,193,.5)}.agreement-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.detail-label{font-size:var(--font-size-sm);color:#e0e0e0;font-weight:500}.detail-value{font-size:var(--font-size-base);color:#fff;font-weight:600;display:flex;align-items:center;gap:var(--space-1)}.nft-reward{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(45deg,gold,orange);border-radius:var(--radius-lg);color:#1a1a1a;font-weight:600;margin-bottom:var(--space-4);border:2px solid #FFD700;box-shadow:0 4px 15px #ffd7004d}.agreement-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.consent-button{background:#404040;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2);color:#d0d0d0}.consent-button:hover{background:#505050;border-color:#606060}.consent-button.active{background:linear-gradient(45deg,#10b981,#059669);color:#fff;border-color:transparent}.complete-button{background:linear-gradient(45deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2)}.complete-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.templates-section h2{color:#8b008b;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-6);text-align:center}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.template-card{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid rgba(255,182,193,.3);transition:all .3s ease;cursor:pointer}.template-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:#ff1493}.template-emoji{font-size:3rem;text-align:center;margin-bottom:var(--space-4);animation:bounce 2s infinite}.template-content{text-align:center;margin-bottom:var(--space-4)}.template-content h3{font-size:var(--font-size-xl);font-weight:600;color:#fff;margin:0 0 var(--space-2) 0}.template-content p{color:#e0e0e0;margin:0 0 var(--space-3) 0}.template-details{display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.template-frequency{background:#ffb6c14d;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;color:#8b008b}.template-points{background:linear-gradient(45deg,#ff1493,#ff69b4);color:#fff;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}.template-privacy{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-sm);color:#e0e0e0}.use-template-button{width:100%;background:linear-gradient(45deg,#ff1493,#ff69b4);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.use-template-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.create-agreement h2{color:#8b008b;font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--space-6);text-align:center}.create-form{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.form-group label{display:block;font-weight:600;color:#d0d0d0;margin-bottom:var(--space-2)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.emoji-button{background:#404040;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);font-size:var(--font-size-xl);cursor:pointer;transition:all .3s ease}.emoji-button:hover{background:#505050;border-color:#ff1493}.privacy-options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.privacy-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease}.privacy-option:hover{border-color:#ff1493;background:#ff149326;border:1px solid rgba(255,20,147,.4);border:1px solid rgba(255,20,147,.3)}.privacy-option input[type=radio]{display:none}.privacy-option input[type=radio]:checked+*{color:#ff1493}.privacy-option input[type=radio]:checked~*{color:#ff1493}.privacy-option:has(input[type=radio]:checked){border-color:#ff1493;background:#ff149326;border:1px solid rgba(255,20,147,.4)}.create-button{width:100%;background:linear-gradient(45deg,#ff1493,#ff69b4);color:#fff;border:none;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.create-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.intimate-agreements{padding:var(--space-4)}.agreements-tabs{flex-direction:column;align-items:center}.tab-button{width:100%;max-width:300px}.agreement-header{flex-direction:column;text-align:center}.agreement-details,.form-row,.privacy-options,.templates-grid{grid-template-columns:1fr}}@media (max-width: 480px){.agreements-title h1{font-size:var(--font-size-3xl)}.create-form{padding:var(--space-4)}.emoji-selector{grid-template-columns:repeat(2,1fr)}}.create-agreement{max-width:1200px;margin:0 auto;padding:var(--space-8);min-height:100vh;background:var(--color-background);color:var(--color-text-primary);position:relative}.notifications-container{position:fixed;top:var(--space-4);right:var(--space-4);z-index:1000;display:flex;flex-direction:column;gap:var(--space-2)}.notification{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-lg);cursor:pointer;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notification-success{border-left:4px solid var(--color-success);background:linear-gradient(135deg,var(--color-surface-elevated) 0%,rgba(0,255,65,.1) 100%)}.notification-error{border-left:4px solid var(--color-error);background:linear-gradient(135deg,var(--color-surface-elevated) 0%,rgba(255,0,64,.1) 100%)}.notification-info{border-left:4px solid var(--color-info);background:linear-gradient(135deg,var(--color-surface-elevated) 0%,rgba(0,255,255,.1) 100%)}.notification-content{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.agreement-header{text-align:center;margin-bottom:var(--space-12);color:var(--color-text-primary)}.agreement-title{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.heart-icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--gradient-glass);border:1px solid var(--color-border);border-radius:50%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-neon)}.heart-icon{width:32px;height:32px;color:var(--color-neon-pink)}.agreement-title h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin:0;background:var(--gradient-cyberpunk);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.agreement-header p{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.simulation-mode-indicator{display:flex;align-items:center;gap:var(--space-2);background:var(--gradient-cyberpunk);color:var(--color-text-primary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--space-4);box-shadow:var(--shadow-neon);align-self:center}.step-indicator{display:flex;justify-content:center;margin-bottom:var(--space-12);gap:var(--space-8)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);opacity:.5;transition:all .3s ease}.step.active,.step.completed{opacity:1}.step-number{width:40px;height:40px;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold);color:var(--color-text-primary);border:2px solid var(--color-border);transition:all .3s ease}.step.active .step-number{background:var(--color-neon-green);border-color:var(--color-neon-green);color:var(--color-background);box-shadow:var(--shadow-neon)}.step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:var(--color-background)}.step-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-align:center}.validation-step{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.validation-step h2{text-align:center;margin-bottom:var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.validation-step p{text-align:center;margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.validation-card{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.validation-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.validation-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff}.validation-info h3{margin:0 0 .25rem;color:#1f2937;font-size:1.2rem}.validation-info p{margin:0;color:#6b7280;font-size:.9rem}.validation-status{display:flex;flex-direction:column;gap:.5rem}.status-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.9rem}.validation-actions{display:flex;gap:1rem;flex-wrap:wrap}.wallet-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease;flex:1;min-width:200px}.wallet-button:hover:not(:disabled){border-color:var(--color-neon-blue);color:var(--color-neon-blue);transform:translateY(-2px);box-shadow:var(--shadow-neon)}.wallet-button.connected{border-color:var(--color-success);background:var(--color-surface-elevated);color:var(--color-success);box-shadow:var(--shadow-neon)}.wallet-button:disabled{opacity:.6;cursor:not-allowed}.continue-button{width:100%;padding:var(--space-4) var(--space-8);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.continue-button.enabled{background:var(--gradient-cyberpunk);color:var(--color-text-primary);box-shadow:var(--shadow-neon)}.continue-button.enabled:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.continue-button.disabled{background:var(--color-surface);color:var(--color-text-muted);cursor:not-allowed;border:1px solid var(--color-border)}.form-step{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border)}.form-step h2{text-align:center;margin-bottom:1rem;color:#1f2937;font-size:1.8rem}.form-step p{text-align:center;margin-bottom:2rem;color:#6b7280;font-size:1.1rem}.templates-section{margin-bottom:2rem}.templates-section h3{margin-bottom:1rem;color:#1f2937;font-size:1.3rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.template-card{background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);cursor:pointer;transition:all .3s ease;text-align:center}.template-card:hover{border-color:var(--color-neon-blue);transform:translateY(-2px);box-shadow:var(--shadow-neon)}.template-card.selected{border-color:var(--color-neon-blue);background:var(--color-surface);box-shadow:var(--shadow-neon)}.template-emoji{font-size:2rem;margin-bottom:1rem}.template-content h4{margin:0 0 var(--space-2) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.template-content p{margin:0 0 var(--space-4) 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.template-details{display:flex;justify-content:space-between;align-items:center}.template-frequency{background:var(--color-surface);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:1px solid var(--color-border)}.template-points{color:var(--color-success);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.agreement-form h3{margin-bottom:1.5rem;color:#1f2937;font-size:1.3rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all .3s ease;background:var(--color-surface-elevated);color:var(--color-text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-neon-blue);box-shadow:var(--shadow-neon)}.form-group textarea{resize:vertical;min-height:80px}.emoji-selector{display:flex;gap:.5rem;flex-wrap:wrap}.emoji-button{width:48px;height:48px;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);font-size:1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.emoji-button:hover{border-color:var(--color-neon-blue);transform:scale(1.1);box-shadow:var(--shadow-neon)}.emoji-button.selected{border-color:var(--color-neon-blue);background:var(--color-surface);box-shadow:var(--shadow-neon)}.privacy-options{display:flex;gap:1rem;flex-wrap:wrap}.privacy-option{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.privacy-option:hover{border-color:#667eea}.privacy-option input[type=radio]{margin:0}.privacy-option input[type=radio]:checked+svg+span{color:#667eea;font-weight:600}.privacy-option:has(input[type=radio]:checked){border-color:#667eea;background:#f8fafc}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.back-button{padding:var(--space-3) var(--space-8);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.back-button:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.create-button{padding:var(--space-3) var(--space-8);border:none;border-radius:var(--radius-md);background:var(--gradient-cyberpunk);color:var(--color-text-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:var(--space-2)}.create-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-xl)}.create-button:disabled{opacity:.6;cursor:not-allowed}.advanced-options{margin:var(--space-8) 0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden}.advanced-toggle{padding:var(--space-4);background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border)}.toggle-button{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-sm);transition:all .3s ease;width:100%;justify-content:space-between}.toggle-button:hover{background:var(--color-surface);color:var(--color-neon-blue)}.advanced-content{padding:var(--space-6);background:var(--color-surface)}.advanced-content .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.simulation-actions{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.simulation-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gradient-cyberpunk);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;width:100%;justify-content:center}.simulation-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon)}.manual-wallet-section{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.manual-wallet-toggle{margin-bottom:var(--space-4)}.toggle-manual-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .3s ease}.toggle-manual-button:hover{background:var(--color-surface);border-color:var(--color-neon-blue);color:var(--color-neon-blue)}.manual-wallet-input{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.input-group{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.input-group label{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.wallet-input{padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:var(--font-family-mono);transition:all .3s ease}.wallet-input:focus{outline:none;border-color:var(--color-neon-blue);box-shadow:var(--shadow-neon)}.submit-wallet-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--gradient-cyberpunk);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease;align-self:flex-start}.submit-wallet-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-neon)}.wallet-help{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;font-style:italic}.partner-confirmation-step{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);text-align:center;margin:var(--space-8) 0}.confirmation-content{max-width:600px;margin:0 auto}.confirmation-icon{margin-bottom:var(--space-8);color:var(--color-neon-blue)}.confirmation-content h2{margin-bottom:var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.confirmation-content p{margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.partner-info{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8);text-align:left;border:1px solid var(--color-border)}.info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.info-item:last-child{border-bottom:none}.info-item strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.partner-code{background:var(--gradient-cyberpunk);color:var(--color-text-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.wallet-address{color:var(--color-text-secondary);font-family:var(--font-family-mono);font-size:var(--font-size-sm)}.status-pending{color:var(--color-warning);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.confirmation-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-8)}.confirm-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--gradient-cyberpunk);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.confirm-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.cancel-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s ease}.cancel-button:hover{background:var(--color-surface-elevated);border-color:var(--color-error);color:var(--color-error)}.confirmation-help{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4)}.confirmation-help p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.success-step{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-border);text-align:center}.success-content{max-width:600px;margin:0 auto}.success-icon{margin-bottom:var(--space-8);color:var(--color-success)}.success-content h2{margin-bottom:var(--space-4);color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.success-content p{margin-bottom:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.agreement-summary{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-6);margin-bottom:var(--space-8);text-align:left;border:1px solid var(--color-border)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e5e7eb}.summary-label{font-weight:600;color:#6b7280}.summary-value{color:#1f2937;font-weight:500}.success-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.view-agreement-button,.create-another-button{padding:.75rem 1.5rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.view-agreement-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-agreement-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.create-another-button{background:#f3f4f6;color:#6b7280;border:2px solid #e5e7eb}.create-another-button:hover{background:#e5e7eb;color:#374151;transform:translateY(-2px)}@media (max-width: 768px){.create-agreement{padding:1rem}.agreement-title h1{font-size:2rem}.step-indicator{gap:1rem}.step-label{font-size:.8rem}.form-grid{grid-template-columns:1fr}.validation-actions{flex-direction:column}.wallet-button{min-width:auto}.form-actions,.success-actions{flex-direction:column}}.nft-collection{min-height:100vh;background:var(--gradient-dark);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.nft-collection:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,0,128,.05) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(0,255,255,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(138,43,226,.05) 0%,transparent 50%);pointer-events:none}.nft-header{text-align:center;margin-bottom:var(--space-8);z-index:1}.nft-title{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-2)}.nft-title h1{background:var(--gradient-cyberpunk);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-size-5xl);font-weight:var(--font-weight-black);margin:0;font-family:var(--font-family-display);text-shadow:0 0 30px rgba(255,0,128,.5)}.nft-icon-container{position:relative}.nft-icon{width:48px;height:48px;color:var(--color-neon-pink);filter:drop-shadow(0 0 20px var(--color-neon-pink))}.nft-header p{color:var(--color-text-secondary);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);opacity:.9}.nft-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-8);z-index:1;background:var(--gradient-glass);padding:var(--space-2);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid var(--color-border-light)}.nft-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-bounce);position:relative;overflow:hidden}.nft-tab:before{content:"";position:absolute;inset:0;background:var(--gradient-cyberpunk);opacity:0;transition:var(--transition-normal);z-index:-1}.nft-tab:hover:before{opacity:.1}.nft-tab.active{background:var(--gradient-cyberpunk);color:var(--color-text-light);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.nft-tab:hover{transform:translateY(-2px);color:var(--color-text-primary)}.nft-content{width:100%;max-width:1200px;z-index:1}.nft-content h2{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6);text-align:center;font-family:var(--font-family-display)}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.nft-card{background:var(--gradient-glass);border:2px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--space-6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-bounce);position:relative;overflow:hidden;cursor:pointer}.nft-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cyberpunk)}.nft-card.owned{border-color:var(--color-neon-green);box-shadow:0 0 20px #00ff4133}.nft-card.available{border-color:var(--color-border-light)}.nft-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-glow);border-color:var(--color-primary)}.nft-image{font-size:4rem;text-align:center;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nft-info h3{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);text-align:center}.nft-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-3);text-align:center;line-height:1.5}.nft-rarity{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);justify-content:center;text-transform:uppercase;letter-spacing:1px}.nft-points{color:var(--color-neon-pink);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-3)}.buy-button{width:100%;background:var(--gradient-cyberpunk);color:var(--color-text-light);border:none;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:var(--transition-bounce);text-transform:uppercase;letter-spacing:1px}.buy-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.create-form{background:var(--gradient-glass);border:2px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--space-8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-width:600px;margin:0 auto;position:relative;overflow:hidden}.create-form:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-cyberpunk)}.form-group{margin-bottom:var(--space-6)}.form-group label{display:block;color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);color:var(--color-text-primary);transition:var(--transition-normal);font-family:var(--font-family-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #ff00801a;background:var(--color-surface)}.form-group textarea{min-height:100px;resize:vertical}.emoji-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.emoji-button{background:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--font-size-2xl);cursor:pointer;transition:var(--transition-bounce);display:flex;align-items:center;justify-content:center}.emoji-button:hover{border-color:var(--color-primary);transform:scale(1.1);box-shadow:var(--shadow-md)}.emoji-button:active{transform:scale(.95)}@media (max-width: 768px){.nft-collection{padding:var(--space-4)}.nft-title h1{font-size:var(--font-size-4xl)}.nft-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-4)}.nft-tabs{flex-direction:column;gap:var(--space-1)}.nft-tab{justify-content:center}.create-form{padding:var(--space-6)}}@media (max-width: 480px){.nft-title h1{font-size:var(--font-size-3xl)}.nft-grid{grid-template-columns:1fr}.nft-card{padding:var(--space-4)}.nft-image{font-size:3rem}}.profile-container{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);min-height:100vh}.profile-loading{display:flex;justify-content:center;align-items:center;min-height:50vh}.loading-spinner{text-align:center}.loading-spinner .heart{font-size:3rem;animation:pulse 2s infinite;margin-bottom:1rem}.loading-spinner p{color:#64748b;font-size:1.1rem}.profile-header{display:flex;align-items:center;gap:2rem;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;margin-bottom:2rem;position:relative;border:1px solid #404040}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 8px 20px #667eea4d}.profile-info{flex:1}.profile-name{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-badges{display:flex;gap:1rem;flex-wrap:wrap}.experience-badge{padding:.5rem 1rem;border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.learning-style-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.edit-btn{position:absolute;top:2rem;right:2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.profile-content{display:flex;flex-direction:column;gap:2rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:3px solid #404040}.stats-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.stat-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1.5rem;border-radius:15px;display:flex;align-items:center;gap:1rem;transition:all .3s ease;border:2px solid #404040}.stat-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 25px #667eea26}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.in-progress{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-content{display:flex;flex-direction:column}.stat-number{font-size:2rem;font-weight:700;color:#fff;line-height:1}.stat-label{font-size:.9rem;color:#a0a0a0;font-weight:500}.personal-info-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.info-field{display:flex;flex-direction:column;gap:.5rem}.info-field label{font-weight:600;color:#fff;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.info-value{padding:.75rem 1rem;background:#1a1a1a;border-radius:10px;color:#fff;font-weight:500;border:2px solid #404040}.form-select,.form-input{padding:.75rem 1rem;border:2px solid #404040;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#1a1a1a;color:#fff}.form-select:focus,.form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.interests-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.interests-editor{display:flex;flex-direction:column;gap:1rem}.interests-list{display:flex;flex-wrap:wrap;gap:.75rem}.interest-tag{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.5rem 1rem;border-radius:25px;font-weight:500;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.remove-interest{background:#fff3;border:none;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-interest:hover{background:#ffffff4d;transform:scale(1.1)}.no-interests{color:#a0a0a0;font-style:italic;text-align:center;padding:2rem}.goals-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.goals-editor{display:flex;flex-direction:column;gap:1rem}.goals-list{display:flex;flex-wrap:wrap;gap:.75rem}.goal-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:25px;font-weight:500;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.remove-goal{background:#fff3;border:none;color:#fff;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.remove-goal:hover{background:#ffffff4d;transform:scale(1.1)}.no-goals{color:#a0a0a0;font-style:italic;text-align:center;padding:2rem}.profile-actions{display:flex;justify-content:center;gap:1rem;padding:2rem;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.cancel-btn{background:#ef4444;color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #ef44444d}.cancel-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.save-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}@media (max-width: 768px){.profile-container{padding:1rem}.profile-header{flex-direction:column;text-align:center;gap:1rem}.edit-btn{position:static;margin-top:1rem}.profile-name{font-size:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.stat-card{padding:1rem}.stat-number{font-size:1.5rem}.info-grid{grid-template-columns:1fr}.profile-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%;justify-content:center}}@media (max-width: 480px){.profile-header{padding:1.5rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.profile-name{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.section-title{font-size:1.25rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.stat-card,.interest-tag,.goal-tag,.edit-btn,.cancel-btn,.save-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.edit-btn:focus,.cancel-btn:focus,.save-btn:focus,.form-select:focus,.form-input:focus{outline:2px solid #667eea;outline-offset:2px}.subscription-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.subscription-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2rem;border-radius:15px;border:2px solid #404040}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.subscription-plan{display:flex;align-items:center;gap:1rem}.plan-info h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.plan-description{color:#a0a0a0;font-size:.9rem;margin:0}.subscription-status{display:flex;align-items:center}.status-badge{padding:.5rem 1rem;border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.subscription-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1a1a1a;border-radius:10px;border:1px solid #404040}.detail-label{color:#a0a0a0;font-weight:500;font-size:.9rem}.detail-value{color:#fff;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.contract-code,.wallet-address{font-family:Courier New,monospace;font-size:.8rem;background:#2d2d2d;padding:.25rem .5rem;border-radius:5px;cursor:pointer;transition:all .3s ease}.contract-code:hover,.wallet-address:hover{background:#404040}.subscription-usage{margin-bottom:2rem}.subscription-usage h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.usage-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#1a1a1a;border-radius:10px;border:1px solid #404040}.usage-label{color:#a0a0a0;font-weight:500;font-size:.9rem}.usage-value{color:#fff;font-weight:600;font-size:.9rem}.subscription-actions{display:flex;gap:1rem;flex-wrap:wrap}.upgrade-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.upgrade-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.no-subscription{text-align:center;padding:3rem 2rem;color:#a0a0a0}.subscribe-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d;margin-top:1rem}.subscribe-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.wallet-section{background:#1a1a1a;border-radius:16px;padding:24px;box-shadow:0 2px 8px #0000004d;margin-bottom:24px;border:1px solid #404040}.wallet-section .section-title{color:#fff}.wallet-info{margin-top:20px}.wallet-card{background:#2d2d2d;border:1px solid #404040;border-radius:12px;padding:20px;transition:all .2s ease}.wallet-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea4d}.wallet-address{display:flex;align-items:center;gap:8px;background:#1a1a1a;border:1px solid #404040;border-radius:8px;padding:12px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.wallet-address code{flex:1;color:#fff;word-break:break-all;background:none;border:none;padding:0;font-size:13px}.copy-btn{background:#404040;border:1px solid #666666;border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#fff}.copy-btn:hover{background:#555;color:#fff;transform:scale(1.05)}.copy-btn:active{transform:scale(.95)}.wallet-card small{color:#ccc;font-size:12px;margin-top:8px;display:block}.nft-section{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);padding:2rem;border-radius:20px;box-shadow:0 10px 25px #0000004d;border:1px solid #404040}.nft-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.nft-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:15px;overflow:hidden;border:2px solid #404040;transition:all .3s ease;cursor:pointer}.nft-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 25px #667eea26}.nft-image{position:relative;width:100%;height:200px;overflow:hidden}.nft-image img{width:100%;height:100%;object-fit:cover}.nft-rarity{position:absolute;top:.5rem;right:.5rem;background:#000c;color:#fff;padding:.25rem .5rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:capitalize}.nft-info{padding:1.5rem}.nft-info h4{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 .5rem}.nft-description{color:#a0a0a0;font-size:.9rem;margin:0 0 1rem;line-height:1.4}.nft-attributes{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.attribute-tag{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;padding:.25rem .5rem;border-radius:10px;font-size:.8rem;font-weight:500}.nft-value{color:#10b981;font-weight:700;font-size:1rem}.no-nfts{text-align:center;padding:3rem 2rem;color:#a0a0a0}.view-nfts-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;margin-top:1rem}.view-nfts-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.subscription-modal,.nft-modal{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:2rem;max-width:1000px;width:100%;max-height:80vh;overflow-y:auto;border:2px solid #404040;box-shadow:0 20px 50px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #404040}.modal-header h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.close-btn{background:#ef4444;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.plan-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:2rem;border-radius:15px;border:2px solid #404040;position:relative;transition:all .3s ease}.plan-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 25px #667eea26}.plan-card.popular{border-color:#10b981;box-shadow:0 0 0 2px #10b98133}.popular-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:25px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.plan-header{text-align:center;margin-bottom:1.5rem}.plan-header h4{color:#fff;font-size:1.3rem;font-weight:700;margin:1rem 0 .5rem}.plan-price{color:#10b981;font-size:2rem;font-weight:700;margin:.5rem 0}.billing-cycle{font-size:1rem;color:#a0a0a0;font-weight:400}.discount-badge{background:#ef4444;color:#fff;padding:.25rem .5rem;border-radius:10px;font-size:.8rem;font-weight:600;margin-top:.5rem;display:inline-block}.plan-description{color:#a0a0a0;font-size:.9rem;text-align:center;margin-bottom:1.5rem;line-height:1.4}.plan-features{list-style:none;padding:0;margin:0 0 2rem}.plan-features li{color:#fff;border-bottom:1px solid #404040;font-size:.9rem;position:relative;padding:.5rem 0 .5rem 1.5rem}.plan-features li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.plan-features li:last-child{border-bottom:none}.select-plan-btn{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d}.select-plan-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.select-plan-btn:disabled{background:#6b7280;cursor:not-allowed;box-shadow:none}.nft-collections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.collection-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-radius:15px;overflow:hidden;border:2px solid #404040;transition:all .3s ease;cursor:pointer}.collection-card:hover{transform:translateY(-5px);border-color:#667eea;box-shadow:0 10px 25px #667eea26}.collection-card img{width:100%;height:200px;object-fit:cover}.collection-info{padding:1.5rem}.collection-info h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 .5rem}.collection-info p{color:#a0a0a0;font-size:.9rem;margin:0 0 1rem;line-height:1.4}.collection-stats{display:flex;justify-content:space-between;align-items:center;color:#10b981;font-weight:600;font-size:.9rem}@media (max-width: 768px){.subscription-header{flex-direction:column;align-items:flex-start;gap:1rem}.subscription-details,.usage-grid{grid-template-columns:1fr}.subscription-actions{flex-direction:column}.upgrade-btn,.cancel-btn{width:100%;justify-content:center}.nft-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.plans-grid,.nft-collections{grid-template-columns:1fr}.modal-overlay{padding:1rem}.subscription-modal,.nft-modal{padding:1.5rem}}@media (max-width: 480px){.subscription-card{padding:1.5rem}.nft-card{margin-bottom:1rem}.plan-card{padding:1.5rem}.collection-card{margin-bottom:1rem}}@media (prefers-contrast: high){.profile-container{background:#fff}.stat-card,.interests-section,.goals-section,.personal-info-section,.subscription-section,.nft-section{border:2px solid #000}}.global-ranking{padding:2rem;max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;color:#fff}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;text-align:center}.loading-container p{margin-top:1rem;font-size:1.1rem;opacity:.8}.ranking-header{text-align:center;margin-bottom:3rem;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.header-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.header-icon{background:#fff3;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-text h1{font-size:2.5rem;margin:0;background:linear-gradient(45deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{font-size:1.2rem;margin:.5rem 0 0;opacity:.9}.global-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;border:1px solid rgba(255,255,255,.2)}.category-selector{margin-bottom:2rem;text-align:center}.category-selector h3{margin-bottom:1.5rem;font-size:1.5rem;color:gold}.category-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.category-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:25px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-button:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.category-button.active{background:linear-gradient(45deg,gold,#ffed4e);color:#333;border-color:gold;box-shadow:0 4px 15px #ffd7004d}.category-icon{font-size:1.2rem}.user-position{text-align:center;margin-bottom:2rem;padding:1rem;background:#ffd70033;border-radius:15px;border:2px solid rgba(255,215,0,.3)}.position-content{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;font-weight:600}.leaderboard-container{background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.leaderboard-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.2)}.leaderboard-header h2{font-size:2rem;margin:0 0 .5rem;color:gold}.leaderboard-stats{display:flex;justify-content:center;gap:1rem;opacity:.8;font-size:.9rem}.leaderboard-list{display:flex;flex-direction:column;gap:1rem}.leaderboard-entry{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#ffffff0d;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:pointer}.leaderboard-entry:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.leaderboard-entry.podium{background:linear-gradient(135deg,#ffd70033,#ffed4e1a);border-color:#ffd7004d;box-shadow:0 4px 20px #ffd70033}.entry-rank{display:flex;align-items:center;justify-content:center;min-width:60px;height:60px;background:#ffffff1a;border-radius:50%;font-size:1.5rem;font-weight:700}.rank-icon{width:40px;height:40px}.rank-icon.gold{color:gold}.rank-icon.silver{color:silver}.rank-icon.bronze{color:#cd7f32}.rank-number{font-size:1.8rem;font-weight:700;color:gold}.entry-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.entry-wallets{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem}.wallet-address{background:#ffffff1a;padding:.25rem .75rem;border-radius:15px;font-family:Courier New,monospace;font-size:.9rem}.heart-icon{color:#ff6b6b;animation:heartbeat 2s infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.entry-stats{display:flex;gap:1rem;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:.25rem;font-size:.9rem;opacity:.8}.entry-badges{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:200px}.trust-level{font-weight:600;font-size:.9rem;text-transform:capitalize}.badges-list{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.badge{background:#fff3;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.3)}.badge.more{background:#ffffff1a;opacity:.7}.nearby-couples{background:#ffffff1a;border-radius:15px;padding:1.5rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.nearby-couples h3{text-align:center;margin-bottom:1rem;color:gold;font-size:1.3rem}.nearby-list{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.nearby-entry{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#ffffff0d;border-radius:10px;border:1px solid rgba(255,255,255,.1);min-width:200px}.nearby-rank{font-weight:700;font-size:1.1rem;color:gold;min-width:40px}.nearby-info{display:flex;flex-direction:column;gap:.25rem;font-size:.9rem}.nearby-trust{font-weight:600;text-transform:capitalize}.ranking-cta{text-align:center;background:#ffffff1a;border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.cta-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.cta-content h3{font-size:1.8rem;margin:0;color:gold}.cta-content p{font-size:1.1rem;opacity:.9;max-width:500px;margin:0}.cta-button{display:flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:linear-gradient(45deg,#ff6b6b,#ff8e8e);border:none;border-radius:25px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.cta-button:hover{background:linear-gradient(45deg,#ff5252,#ff7979);transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}@media (max-width: 768px){.global-ranking{padding:1rem}.header-text h1{font-size:2rem}.global-stats,.category-buttons{flex-direction:column;align-items:center}.leaderboard-entry{flex-direction:column;text-align:center;gap:1rem}.entry-badges{align-items:center;min-width:auto}.nearby-list{flex-direction:column;align-items:center}.nearby-entry{width:100%;max-width:300px}}.registration-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.registration-modal{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);border-radius:20px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;border:2px solid #404040;box-shadow:0 20px 50px #00000080}.registration-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 2rem 1rem;border-bottom:2px solid #404040}.registration-header h2{color:#fff;font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:#ef4444;color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:1.5rem;font-weight:700}.close-btn:hover{background:#dc2626;transform:scale(1.1)}.registration-progress{display:flex;justify-content:space-between;padding:2rem;border-bottom:2px solid #404040}.progress-step{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1;position:relative}.progress-step:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;right:-40%;height:2px;background:#404040;z-index:1}.progress-step.active:not(:last-child):after{background:linear-gradient(135deg,#667eea,#764ba2)}.step-number{width:30px;height:30px;border-radius:50%;background:#404040;color:#a0a0a0;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;z-index:2;position:relative}.progress-step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.progress-step span{color:#a0a0a0;font-size:.9rem;font-weight:500;text-align:center}.progress-step.active span{color:#fff}.registration-content{padding:2rem;min-height:400px}.registration-step h3{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 2rem;display:flex;align-items:center;gap:.75rem}.step-description{color:#a0a0a0;font-size:.9rem;line-height:1.5;margin-bottom:2rem;padding:1rem;background:#1a1a1a;border-radius:10px;border-left:4px solid #667eea}.form-group{margin-bottom:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:#fff;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:2px solid #404040;border-radius:10px;font-size:1rem;transition:all .3s ease;background:#1a1a1a;color:#fff}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#a0a0a0;font-size:.8rem;margin-top:.25rem;display:block}.wallet-input-group{display:flex;gap:.5rem}.wallet-input-group input{flex:1}.generate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.75rem 1rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.biometric-options{display:flex;flex-direction:column;gap:1.5rem}.biometric-option{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1.5rem;border-radius:15px;border:2px solid #404040;transition:all .3s ease}.biometric-option:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a}.biometric-option.completed{border-color:#10b981;background:linear-gradient(135deg,#10b9811a,#0596691a);box-shadow:0 0 0 2px #10b98133}.biometric-option.completed .biometric-header h4{color:#10b981}.completed-icon{color:#10b981;margin-left:auto}.biometric-progress{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1.5rem;border-radius:15px;border:2px solid #404040;margin-bottom:2rem}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.progress-info span:first-child{color:#fff;font-weight:600;font-size:.9rem}.progress-status{color:#10b981;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.5rem}.progress-bar{width:100%;height:8px;background:#404040;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,#10b981,#059669);border-radius:4px;transition:width .3s ease}.biometric-header{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.biometric-header h4{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.biometric-option p{color:#a0a0a0;font-size:.9rem;margin:0 0 1rem;line-height:1.4}.biometric-input{display:flex;gap:.5rem;margin-bottom:1rem}.biometric-input input{flex:1}.toggle-visibility{background:#404040;color:#a0a0a0;border:none;padding:.75rem;border-radius:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-visibility:hover{background:#555;color:#fff}.capture-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.capture-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.capture-btn:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}.confirmation-summary{display:flex;flex-direction:column;gap:2rem}.summary-section{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);padding:1.5rem;border-radius:15px;border:2px solid #404040}.summary-section h4{color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #404040}.summary-item:last-child{border-bottom:none}.summary-item span:first-child{color:#a0a0a0;font-weight:500}.summary-item span:last-child{color:#fff;font-weight:600}.wallet-address{font-family:Courier New,monospace;font-size:.8rem;background:#2d2d2d;padding:.25rem .5rem;border-radius:5px;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.wallet-address:hover{background:#404040}.security-level{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase}.contract-info{background:#1a1a1a;padding:1rem;border-radius:10px;border:1px solid #404040}.contract-code{display:flex;align-items:center;gap:.5rem;color:#a0a0a0;font-size:.9rem;margin-bottom:.5rem}.contract-note{color:#a0a0a0;font-size:.8rem;line-height:1.4;margin:1rem 0 0;font-style:italic}.error-message,.success-message{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:10px;margin-bottom:1.5rem;font-weight:600}.error-message{background:#ef44441a;border:2px solid #ef4444;color:#ef4444}.success-message{background:#10b9811a;border:2px solid #10b981;color:#10b981}.registration-actions{display:flex;justify-content:space-between;padding:2rem;border-top:2px solid #404040;gap:1rem}.prev-btn,.next-btn,.submit-btn{padding:1rem 2rem;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.prev-btn{background:#6b7280;color:#fff}.prev-btn:hover:not(:disabled){background:#555;transform:translateY(-2px)}.next-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto}.next-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.submit-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;margin-left:auto}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b9814d}.prev-btn:disabled,.next-btn:disabled,.submit-btn:disabled{background:#6b7280;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.registration-overlay{padding:1rem}.registration-modal{max-height:95vh}.registration-header,.registration-content,.registration-actions,.registration-progress{padding:1.5rem}.progress-step span{font-size:.8rem}.form-row{grid-template-columns:1fr}.biometric-options{gap:1rem}.biometric-option{padding:1rem}.registration-actions{flex-direction:column}.next-btn,.submit-btn{margin-left:0;width:100%}}@media (max-width: 480px){.registration-header h2{font-size:1.5rem}.step-number{width:25px;height:25px;font-size:.8rem}.progress-step span{font-size:.7rem}.biometric-header{flex-direction:column;align-items:flex-start;gap:.5rem}.summary-item{flex-direction:column;align-items:flex-start;gap:.25rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.registration-step{animation:fadeIn .3s ease-out}.prev-btn:focus,.next-btn:focus,.submit-btn:focus,.generate-btn:focus,.capture-btn:focus,.toggle-visibility:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast: high){.registration-modal{background:#fff;color:#000}.form-group input,.form-group select{background:#fff;color:#000;border:2px solid #000}.biometric-option,.summary-section{border:2px solid #000}}