:root{--primary: #F59E0B;--primary-hover: #D97706;--secondary: #8B5CF6;--secondary-hover: #7C3AED;--bg-dark: #0F172A;--bg-card: #1E293B;--text-main: #F8FAFC;--text-muted: #94A3B8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .3)}body{margin:0;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-main);min-height:100vh}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:radial-gradient(circle at top center,#1e1b4b,#0f172a)}.card{background-color:var(--bg-card);padding:2.5rem;border-radius:20px;box-shadow:0 25px 50px -12px #00000080;width:100%;max-width:600px;border:1px solid rgba(255,255,255,.1);position:relative}h1{text-align:center;font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(to right,#c084fc,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.form-group{margin-bottom:1.5rem;position:relative}label{color:var(--text-muted);font-size:.9rem;margin-bottom:.5rem;display:block}.premium-select,.premium-input{width:100%;padding:12px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .2s ease;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:1.2rem;cursor:pointer}.premium-input{background-image:none;cursor:text}.premium-select:focus,.premium-input:focus{outline:none;border-color:var(--primary);background-color:#ffffff1a;box-shadow:0 0 0 4px #a855f733}.premium-select option{background-color:var(--bg-card);color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.loading-badge{position:absolute;right:10px;top:38px;font-size:.8rem;color:var(--primary);opacity:.8}.error{background:#ef44441a;border:1px solid rgba(239,68,68,.5);color:#fca5a5;padding:1rem;border-radius:12px;margin-top:1rem;font-size:.9rem}.back-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem;padding:0;margin-bottom:1rem;transition:color .2s}.back-button:hover{color:#fff}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{height:250px;width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.skeleton-text{height:20px;margin-bottom:10px;border-radius:4px}.spinner{border:4px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:50%;border-left-color:var(--primary);animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background-color:var(--bg-card);border-radius:20px;width:100%;max-width:500px;position:relative;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1);padding:2rem;animation:fadeIn .3s ease-out}.modal-close{position:absolute;top:15px;right:15px;background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .2s}.modal-close:hover{background-color:#ffffff1a;color:#fff}