:root{--bg-primary: #0a0a1a;--bg-secondary: #12122a;--bg-gradient: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0f0f2d 100%);--accent-primary: #6c5ce7;--accent-secondary: #a29bfe;--accent-gradient: linear-gradient(135deg, #6c5ce7 0%, #a29bfe 100%);--accent-glow: rgba(108, 92, 231, .4);--glass-bg: rgba(255, 255, 255, .05);--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .2);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .5);--success: #00d9a0;--warning: #ffb800;--error: #ff6b6b;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-glow: 0 0 40px rgba(108, 92, 231, .15);--shadow-card: 0 8px 32px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);transform:translateY(-2px)}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.glass-btn:hover{background:var(--glass-bg-hover);border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.btn-primary{background:var(--accent-gradient);border:none;color:#fff;font-weight:600;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px var(--accent-glow)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.glass-input{width:100%;padding:var(--space-md) var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.glass-input::placeholder{color:var(--text-muted)}.glass-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.glass-select{width:100%;padding:var(--space-md) var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:3rem}.glass-select option{background:var(--bg-secondary);color:var(--text-primary)}.glass-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.glass-textarea{width:100%;padding:var(--space-md) var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:1rem;font-family:inherit;resize:vertical;min-height:120px;transition:all var(--transition-fast)}.glass-textarea::placeholder{color:var(--text-muted)}.glass-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-glow)}.heading-xl{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-.02em}.heading-lg{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:700;line-height:1.2}.heading-md{font-size:1.25rem;font-weight:600;line-height:1.3}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .5s ease forwards}.animate-float{animation:float 6s ease-in-out infinite}.spinner{width:40px;height:40px;border:3px solid var(--glass-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.star{cursor:pointer;transition:transform var(--transition-fast)}.star:hover{transform:scale(1.2)}.star-filled{color:#fbbf24;fill:#fbbf24}.star-empty{color:var(--text-muted);fill:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.text-center{text-align:center}.w-full{width:100%}.mt-auto{margin-top:auto}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){:root{--space-lg: 1rem;--space-xl: 1.25rem}.container{padding:0 var(--space-md)}.heading-xl{font-size:2rem}.heading-lg{font-size:1.5rem}.heading-md{font-size:1.1rem}.glass-card{border-radius:var(--radius-md)}.btn-primary{padding:var(--space-sm) var(--space-lg);font-size:.9rem;width:100%}.glass-input,.glass-select,.glass-textarea{padding:var(--space-md) var(--space-md);font-size:16px;min-height:48px}.grid{gap:var(--space-md)}.stats-row{flex-direction:column;gap:var(--space-md)}.ai-chat-input{font-size:16px!important;padding:14px 16px!important;min-height:50px}.ai-chat-messages{padding:12px!important}.ai-chat-message{max-width:90%!important;padding:10px 14px!important;font-size:.95rem!important}.ai-chat-header{padding:12px 16px!important}.ai-chat-header h3{font-size:.9rem!important}.ai-chat-container{height:calc(100vh - 140px)!important;min-height:400px}.ai-chat-send-btn{width:48px!important;min-width:48px!important;max-width:48px!important;height:48px!important;min-height:48px!important;padding:0!important}.ai-chat-input-container{padding:10px 12px!important;gap:8px!important}.ai-chat-disclaimer{font-size:.6rem!important;padding:6px 12px!important}.tips-section{padding:16px!important}.tips-section h3{font-size:.9rem!important}.tip-item{font-size:.8rem!important;padding:6px 10px!important}}@media (max-width: 768px){.container{padding:0 var(--space-md)}.form-row{flex-direction:column}.filter-pills{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px}.filter-pills::-webkit-scrollbar{height:4px}.grid-cols-1,.sm\:grid-cols-2,.lg\:grid-cols-3{grid-template-columns:1fr}.uni-card-image{height:160px}.chat-container{height:calc(100vh - 150px)}.tips-grid{grid-template-columns:1fr}}@media (min-width: 481px) and (max-width: 768px){.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.glass-card:hover,.btn-primary:hover{transform:none}.glass-btn:hover{box-shadow:none}button,.glass-btn,.btn-primary{min-height:44px}.star{padding:4px}}@supports (padding-top: env(safe-area-inset-top)){header{padding-top:env(safe-area-inset-top)}.mobile-menu-overlay{padding-bottom:env(safe-area-inset-bottom)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#000}.glass-card{background:#fff;border:1px solid #ccc;box-shadow:none}header,.mobile-menu-overlay{display:none}}