@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--primary-green: #58cc02;--primary-green-dark: #46a302;--accent-blue: #1cb0f6;--accent-yellow: #ffc800;--bg-light: #f7f7f7;--surface-white: #ffffff;--text-dark: #4b4b4b;--text-gray: #777777;--border-gray: #e5e5e5;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-light);color:var(--text-dark);font-family:Nunito,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}html{scroll-behavior:smooth}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.btn-primary{background-color:var(--primary-green);color:#fff;font-weight:700;padding:14px 32px;border-radius:var(--radius-md);border:none;border-bottom:4px solid var(--primary-green-dark);cursor:pointer;transition:all .15s ease;font-size:16px;font-family:Nunito,sans-serif;text-transform:none;letter-spacing:.3px}.btn-primary:hover:not(:disabled){background-color:#61d802;filter:brightness(1.05);transform:translateY(-2px)}.btn-primary:active:not(:disabled){transform:translateY(2px);border-bottom-width:0px;margin-bottom:4px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--accent-blue);color:#fff;font-weight:700;padding:14px 32px;border-radius:var(--radius-md);border:none;border-bottom:4px solid #1899d6;cursor:pointer;transition:all .15s ease;font-size:16px;font-family:Nunito,sans-serif;text-transform:none;letter-spacing:.3px}.btn-secondary:hover:not(:disabled){background-color:#1bbfff;filter:brightness(1.05);transform:translateY(-2px)}.btn-secondary:active:not(:disabled){transform:translateY(2px);border-bottom-width:0px;margin-bottom:4px}.pill-btn{background-color:#fff;border:2px solid var(--border-gray);padding:10px 20px;border-radius:9999px;font-weight:700;font-size:15px;color:var(--text-dark);cursor:pointer;transition:all .2s ease}.pill-btn:hover{border-color:var(--primary-green);background-color:#f9fff5}.pill-btn.active{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green)}.duo-card{background-color:var(--surface-white);border-radius:var(--radius-lg);border:2px solid var(--border-gray);padding:24px;transition:all .2s ease}.duo-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.duo-input{width:100%;padding:14px 16px;border:2px solid var(--border-gray);border-radius:var(--radius-md);font-size:16px;font-family:Nunito,sans-serif;font-weight:600;color:var(--text-dark);background-color:#f7f7f7;transition:all .2s ease}.duo-input:focus{outline:none;border-color:var(--primary-green);background-color:#fff}.duo-input::placeholder{color:#afafaf;font-weight:400}.duo-textarea{width:100%;padding:16px;border:2px solid var(--border-gray);border-radius:var(--radius-md);font-size:16px;font-family:Nunito,sans-serif;color:var(--text-dark);background-color:#f7f7f7;resize:none;min-height:150px;transition:all .2s ease}.duo-textarea:focus{outline:none;border-color:var(--primary-green);background-color:#fff}.duo-textarea strong{font-weight:800;color:var(--primary-green)}.duo-textarea:empty:before{content:attr(data-placeholder);color:#afafaf;font-weight:400}.duo-select{padding:16px 52px 16px 26px;border:3px solid var(--border-gray);border-radius:24px;font-size:16px;font-family:Nunito,sans-serif;font-weight:800;color:var(--text-dark);background-color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000014;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2358CC02' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:20px}.duo-select:hover{border-color:var(--primary-green);background-color:#f0fde4;transform:translateY(-3px);box-shadow:0 12px 24px #58cc024d}.duo-select:focus{outline:none;border-color:var(--primary-green);border-width:3px;background-color:#fff;box-shadow:0 0 0 5px #58cc0240,0 4px 12px #0000001a}.duo-select:active{transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.duo-select option{padding:16px 20px;font-size:16px;font-weight:700;font-family:Nunito,sans-serif;color:var(--text-dark);background-color:#fff;line-height:1.8}.duo-select option:hover{background-color:#f0fde4;color:var(--primary-green)}.duo-select option:checked,.duo-select option:active,.duo-select option[selected]{background:linear-gradient(135deg,var(--primary-green) 0%,#46a302 100%);color:#fff;font-weight:800}.duo-select option:disabled{color:#ccc;background-color:#f5f5f5}.term-card{background-color:#fff;border:2px solid var(--border-gray);border-radius:var(--radius-md);padding:16px;transition:all .2s ease;cursor:pointer}.term-card:hover{border-color:var(--primary-green);transform:translate(4px);box-shadow:0 4px 12px #58cc0226}.badge{display:inline-block;padding:4px 12px;border-radius:9999px;font-size:13px;font-weight:700;background-color:#e5e5e5;color:var(--text-dark)}.badge-success{background-color:var(--primary-green);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.9)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-bounce-in{animation:bounceIn .4s ease-out}.swap-btn{background-color:#fff;border:2px solid var(--border-gray);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:20px}.swap-btn:hover{background-color:var(--primary-green);color:#fff;border-color:var(--primary-green);transform:rotate(180deg)}.text-primary{color:var(--primary-green)}.bg-primary{background-color:var(--primary-green)}.text-accent-blue{color:var(--accent-blue)}.text-muted{color:var(--text-gray)}
