@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";.dispute-chat-container{min-height:100vh;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;flex-direction:column;position:relative;padding-bottom:env(safe-area-inset-bottom)}.chat-header{background:#fff;padding:16px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:100}.back-button{background:none;border:none;font-size:18px;color:#64748b;padding:8px;cursor:pointer;transition:all .2s}.back-button:hover{color:#334155;transform:translate(-2px)}.header-info{flex:1}.header-info h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.header-subtitle{font-size:13px;color:#64748b;margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;animation:pulse 2s infinite}.status-badge.waiting{background:#fef3c7;color:#92400e;border:1px solid #fcd34d}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.messages-container{flex:1;overflow-y:auto;padding:20px 16px 100px;display:flex;flex-direction:column;gap:16px}.message{display:flex;animation:messageSlide .3s ease-out}.message-user{justify-content:flex-end}.message-ai{justify-content:flex-start}.message-bubble{max-width:80%;padding:12px 16px;border-radius:20px;position:relative;box-shadow:0 2px 8px #00000014}.message-user .message-bubble{background:#58cc02;color:#fff;border-bottom-right-radius:4px}.message-ai .message-bubble{background:#fff;color:#1e293b;border-bottom-left-radius:4px}.message-label{display:block;font-size:11px;font-weight:600;color:#64748b;margin-bottom:6px}.message-content{font-size:15px;line-height:1.5;margin:0;white-space:pre-wrap}.message-user .message-content{color:#fff}.message-time{display:block;font-size:11px;margin-top:6px;opacity:.7}.message-user .message-time{color:#ffffffe6;text-align:right}.message-ai .message-time{color:#64748b}.typing-indicator{display:flex;gap:4px;padding:8px 0}.typing-indicator span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-12px)}}@keyframes messageSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-input-container{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:16px;box-shadow:0 -4px 16px #00000014;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:90}.input-wrapper{display:flex;gap:8px;align-items:center}.chat-input{flex:1;padding:12px 16px;border:2px solid #e2e8f0;border-radius:24px;font-size:15px;font-family:inherit;transition:all .2s;background:#f8fafc}.chat-input:focus{outline:none;border-color:#58cc02;background:#fff;box-shadow:0 0 0 3px #58cc021a}.chat-input:disabled{opacity:.6;cursor:not-allowed}.send-button{padding:12px 20px;background:#58cc02;color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px #46a302;transform:translateY(-2px)}.send-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 5px #46a302}.send-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #46a302}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(0);box-shadow:none;background:#94a3b8}.submit-verdict-button{width:100%;padding:14px 24px;margin-top:12px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px #1e40af;transform:translateY(-2px)}.submit-verdict-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px #1e40af}.submit-verdict-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px #1e40af}.submit-verdict-button:disabled{opacity:.5;cursor:not-allowed;transform:translateY(0);box-shadow:none}.submitted-state{text-align:center;padding:20px}.success-message{font-size:18px;font-weight:600;color:#16a34a;margin-bottom:12px}.waiting-message{font-size:14px;color:#64748b;margin:0}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;text-align:center}.spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#58cc02;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{to{transform:rotate(360deg)}}.error-state h2{color:#dc2626;margin-bottom:20px}@media (min-width: 768px){.messages-container{max-width:800px;margin:0 auto;width:100%;padding:24px}.chat-header{padding:20px 24px}.header-info h2{font-size:22px}.header-subtitle{font-size:14px}.message-bubble{max-width:65%}.message-content{font-size:16px}.chat-input-container{position:sticky;max-width:800px;margin:0 auto;left:50%;transform:translate(-50%);border-radius:24px 24px 0 0;padding:20px 24px}.chat-input{font-size:16px;padding:14px 20px}.send-button{padding:14px 28px;font-size:16px}.submit-verdict-button{max-width:400px;margin:16px auto 0}}@media (min-width: 1024px){.dispute-chat-container{max-width:1200px;margin:0 auto;box-shadow:0 0 40px #0000001a}}.verdict-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e0f2fe);padding:20px 16px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.verdict-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.verdict-header .back-button{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:10px 16px;font-size:16px;color:#64748b;cursor:pointer;transition:all .2s}.verdict-header .back-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translate(-2px)}.verdict-header h1{flex:1;font-size:20px;font-weight:700;color:#1e293b;margin:0}.verdict-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:24px;max-width:800px;margin:0 auto}.verdict-title{text-align:center;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid #f1f5f9}.verdict-title h2{font-size:28px;font-weight:700;color:#1e293b;margin:0 0 8px}.verdict-subtitle{font-size:14px;color:#64748b;margin:0}.fault-distribution{margin-bottom:32px;padding:20px;background:#f8fafc;border-radius:16px}.fault-distribution h3{font-size:16px;font-weight:600;color:#334155;margin:0 0 16px}.fault-bar-container{margin-bottom:16px}.fault-labels{display:flex;justify-content:space-between;margin-bottom:12px}.fault-label{font-size:14px;font-weight:600}.fault-label.you{color:#3b82f6}.fault-label.other{color:#8b5cf6}.fault-bar{height:40px;background:#e2e8f0;border-radius:20px;overflow:hidden;display:flex;position:relative}.fault-segment{height:100%;transition:width 1s ease-out;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.fault-segment.user{background:linear-gradient(135deg,#3b82f6,#2563eb)}.fault-segment.other{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.fault-context{text-align:center;padding:12px;background:#fff;border-radius:12px;margin-top:16px}.fault-context p{margin:0;font-size:14px;font-weight:500}.fault-context .balanced{color:#059669}.fault-context .more-fault{color:#dc2626}.fault-context .less-fault{color:#16a34a}.verdict-reasoning{margin-bottom:28px;padding:20px;background:linear-gradient(135deg,#fef3c7,#fed7aa);border-radius:16px}.verdict-reasoning h3{font-size:16px;font-weight:600;color:#92400e;margin:0 0 12px}.reasoning-text{font-size:15px;line-height:1.6;color:#78350f;margin:0}.key-points{margin-bottom:28px}.key-points h3{font-size:16px;font-weight:600;color:#334155;margin:0 0 16px}.points-list{list-style:none;padding:0;margin:0}.points-list li{background:#f1f5f9;border-radius:12px;margin-bottom:8px;font-size:14px;color:#475569;position:relative;padding:12px 16px 12px 36px}.points-list li:before{content:"•";position:absolute;left:16px;color:#58cc02;font-weight:700;font-size:18px}.recommendations{margin-bottom:28px}.recommendations h3{font-size:16px;font-weight:600;color:#334155;margin:0 0 16px}.recommendation-cards{display:grid;gap:12px}.recommendation-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:12px}.rec-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3b82f6;color:#fff;border-radius:50%;font-weight:600;font-size:14px;flex-shrink:0}.recommendation-card p{flex:1;margin:0;font-size:14px;color:#1e40af;line-height:1.5}.communication-scores{margin-bottom:28px;padding:20px;background:#f0fdf4;border-radius:16px}.communication-scores h3{font-size:16px;font-weight:600;color:#14532d;margin:0 0 16px}.score-bars{display:flex;flex-direction:column;gap:16px}.score-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.score-label{font-size:13px;color:#166534;font-weight:500;grid-column:1 / -1;margin-bottom:4px}.score-bar{height:24px;background:#dcfce7;border-radius:12px;overflow:hidden;position:relative}.score-fill{height:100%;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;transition:width 1s ease-out}.score-value{font-size:13px;font-weight:600;color:#166534;white-space:nowrap}.learning-section{margin-bottom:28px;padding:20px;background:#fefce8;border-radius:16px}.learning-section h3{font-size:16px;font-weight:600;color:#713f12;margin:0 0 16px}.learning-points{display:flex;flex-direction:column;gap:12px}.learning-point{display:flex;gap:12px;align-items:flex-start}.point-icon{font-size:20px;flex-shrink:0}.learning-point p{flex:1;margin:0;font-size:14px;color:#854d0e;line-height:1.5}.verdict-actions{margin-bottom:28px;padding:20px;background:#f8fafc;border-radius:16px;text-align:center}.verdict-actions h3{font-size:16px;font-weight:600;color:#334155;margin:0 0 16px}.reaction-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.reaction-btn{padding:12px 8px;border:2px solid #e2e8f0;background:#fff;border-radius:12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.reaction-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.reaction-btn.accept:hover:not(:disabled),.reaction-btn.accept.selected{background:#dcfce7;border-color:#22c55e;color:#166534}.reaction-btn.neutral:hover:not(:disabled),.reaction-btn.neutral.selected{background:#fef3c7;border-color:#fbbf24;color:#92400e}.reaction-btn.disagree:hover:not(:disabled),.reaction-btn.disagree.selected{background:#fee2e2;border-color:#ef4444;color:#991b1b}.reaction-btn:disabled{opacity:.6;cursor:not-allowed}.next-steps{padding:20px;background:linear-gradient(135deg,#ede9fe,#fce7f3);border-radius:16px;text-align:center}.next-steps h3{font-size:16px;font-weight:600;color:#581c87;margin:0 0 12px}.next-steps p{font-size:14px;color:#6b21a8;line-height:1.5;margin:0 0 20px}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn-share,.btn-new-dispute{padding:14px 24px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.btn-share{background:#fff;color:#7c3aed;border:2px solid #7c3aed}.btn-share:hover{background:#7c3aed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.btn-new-dispute{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;box-shadow:0 4px #5b21b6;transform:translateY(-2px)}.btn-new-dispute:hover{transform:translateY(-3px);box-shadow:0 5px #5b21b6}.btn-new-dispute:active{transform:translateY(0);box-shadow:0 2px #5b21b6}.loading-state{display:flex;align-items:center;justify-content:center;min-height:60vh}.verdict-loading{text-align:center}.scales-animation{font-size:64px;animation:balance 2s ease-in-out infinite}@keyframes balance{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.verdict-loading h2{font-size:20px;font-weight:600;color:#1e293b;margin:20px 0 8px}.verdict-loading p{font-size:14px;color:#64748b;margin:0}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.error-state h2{font-size:20px;font-weight:600;color:#dc2626;margin:0 0 20px}@media (min-width: 768px){.verdict-container{padding:32px}.verdict-header h1{font-size:28px}.verdict-card{padding:40px}.verdict-title h2{font-size:36px}.verdict-subtitle{font-size:16px}.recommendation-cards{grid-template-columns:repeat(2,1fr)}.reaction-buttons{display:flex;justify-content:center;gap:16px}.reaction-btn{padding:14px 24px;font-size:14px}.action-buttons{flex-direction:row;justify-content:center}.btn-share,.btn-new-dispute{min-width:200px}}@media (min-width: 1024px){.verdict-container{max-width:1200px;margin:0 auto}}.trust-badge{display:inline-block;padding:8px 16px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:20px;margin-bottom:20px;font-size:14px;color:#fff;font-weight:600;animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-stats{display:flex;gap:32px;margin-top:32px;justify-content:center}.stat{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:24px;font-weight:800;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.stat-label{font-size:12px;color:#ffffffe6;font-weight:500}.mockup-header{padding:8px;background:var(--duo-green);color:#fff;font-weight:700;text-align:center;border-radius:12px 12px 0 0}.verdict-preview{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:16px;border-radius:12px;margin-top:12px}.verdict-label{font-size:12px;color:var(--gray-600);display:block;margin-bottom:8px}.verdict-bar{display:flex;height:32px;border-radius:16px;overflow:hidden;margin-bottom:12px}.verdict-left{background:var(--duo-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.verdict-right{background:var(--duo-purple);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.verdict-text{font-size:13px;color:var(--gray-700);margin:0}.problem-section{padding:80px 20px;background:var(--gray-50)}.problem-content{max-width:1100px;margin:0 auto;text-align:center}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:48px 0}.problem-item{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.problem-emoji{font-size:48px;display:block;margin-bottom:12px}.problem-item p{font-size:16px;color:var(--gray-700);margin:0;font-weight:600}.solution-bridge{margin-top:64px;padding:32px;background:linear-gradient(135deg,var(--duo-green-light) 0%,var(--duo-green) 100%);color:#fff;border-radius:20px}.solution-bridge h3{font-size:28px;margin:0 0 8px}.solution-bridge p{font-size:18px;margin:0;opacity:.95}.testimonials-section{padding:80px 20px;background:#fff}.testimonials-section h2{text-align:center;font-size:36px;margin-bottom:48px;color:var(--gray-800)}.testimonials-container{max-width:800px;margin:0 auto 48px;position:relative;min-height:250px}.testimonial-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:40px;border-radius:20px;box-shadow:0 10px 30px #00000014}.testimonial-quote{font-size:20px;line-height:1.6;color:var(--gray-700);margin-bottom:24px;font-style:italic}.testimonial-author{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.testimonial-author strong{font-size:16px;color:var(--gray-800)}.testimonial-author span{font-size:14px;color:var(--gray-600)}.testimonial-verdict{display:inline-block;padding:8px 16px;background:var(--duo-green);color:#fff;border-radius:20px;font-size:14px;font-weight:600}.verdict-icon{margin-right:8px}.testimonial-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}.dot{width:10px;height:10px;border-radius:50%;background:var(--gray-300);cursor:pointer;transition:all .3s}.dot.active{background:var(--duo-green);width:24px;border-radius:5px}.trust-indicators{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.trust-item{display:flex;align-items:center;gap:8px;font-size:16px;color:var(--gray-700)}.trust-icon{font-size:24px}.how-section{padding:80px 20px;background:var(--gray-50)}.how-section h2{text-align:center;font-size:36px;margin-bottom:48px;color:var(--gray-800)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:1000px;margin:0 auto}.step-card{background:#fff;padding:32px;border-radius:20px;text-align:center;position:relative;transition:transform .3s;box-shadow:0 4px 12px #00000014}.step-number{width:48px;height:48px;background:var(--duo-green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin:0 auto 20px}.step-card h3{font-size:20px;color:var(--gray-800);margin:0 0 12px}.step-card p{font-size:15px;color:var(--gray-600);margin:0;line-height:1.5}.use-cases-section{padding:80px 20px;background:#fff}.use-cases-section h2{text-align:center;font-size:36px;margin-bottom:48px;color:var(--gray-800)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;max-width:900px;margin:0 auto}.use-case{text-align:center;padding:24px}.case-emoji{font-size:48px;display:block;margin-bottom:12px}.use-case h4{font-size:18px;color:var(--gray-800);margin:0 0 8px}.use-case p{font-size:14px;color:var(--gray-600);margin:0}.pricing-section .price-desc{font-size:14px;color:var(--gray-600);margin:12px 0 24px}.price-period{font-size:16px;font-weight:400;color:var(--gray-600)}.price-features{list-style:none;padding:0;margin:20px 0}.price-features li{padding:8px 0;font-size:14px;color:var(--gray-700)}.btn-outline{background:#fff;color:var(--duo-green);border:2px solid var(--duo-green);padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-outline:hover{background:var(--duo-green);color:#fff;transform:translateY(-2px)}.faq-section{padding:80px 20px;background:var(--gray-50)}.faq-section h2{text-align:center;font-size:36px;margin-bottom:48px;color:var(--gray-800)}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.faq-item{background:#fff;padding:24px;border-radius:16px;box-shadow:0 2px 8px #0000000d}.faq-item h4{font-size:16px;color:var(--gray-800);margin:0 0 12px}.faq-item p{font-size:14px;color:var(--gray-600);margin:0;line-height:1.5}.final-cta-section{padding:100px 20px;background:linear-gradient(135deg,var(--duo-green) 0%,var(--duo-green-dark) 100%)}.cta-content{max-width:800px;margin:0 auto;text-align:center;color:#fff}.cta-content h2{font-size:40px;margin:0 0 16px}.cta-content p{font-size:20px;margin:0 0 32px;opacity:.95}.btn-xl{padding:18px 36px;font-size:18px;font-weight:800;background:#fff;color:var(--duo-green);border:none;border-radius:16px;cursor:pointer;transition:all .3s;box-shadow:0 6px #0000001a;transform:translateY(-2px)}.btn-xl:hover{transform:translateY(-4px);box-shadow:0 8px #0000001a}.cta-trust{display:flex;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap}.cta-trust span{font-size:14px;opacity:.9}@media (max-width: 768px){.hero-stats{gap:20px}.problem-grid{grid-template-columns:repeat(2,1fr)}.trust-indicators{gap:20px}.testimonial-card{padding:24px}.testimonial-quote{font-size:16px}.steps-container{grid-template-columns:1fr}.use-cases-grid{grid-template-columns:repeat(2,1fr)}.faq-grid{grid-template-columns:1fr}.cta-content h2{font-size:28px}.cta-content p{font-size:16px}}:root{--duo-green: #58cc02;--duo-green-dark: #45a001;--duo-green-light: #89e219;--duo-blue: #1cb0f6;--duo-blue-dark: #1899d6;--duo-red: #ff4b4b;--duo-yellow: #ffc800;--duo-purple: #ce82ff;--duo-orange: #ff9600;--white: #ffffff;--gray-100: #f7f7f7;--gray-200: #e5e5e5;--gray-300: #d6d6d6;--gray-400: #afafaf;--gray-500: #777777;--gray-600: #545454;--gray-700: #3c3c3c;--gray-800: #242424;--black: #080808;--primary: var(--duo-green);--primary-dark: var(--duo-green-dark);--primary-light: var(--duo-green-light);--secondary: var(--duo-blue);--danger: var(--duo-red);--warning: var(--duo-yellow);--success: var(--duo-green);--background: var(--white);--surface: var(--white);--text-primary: var(--gray-700);--text-secondary: var(--gray-500);--border-color: var(--gray-200);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .06);--shadow: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .16);--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--radius-full: 9999px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--transition-fast: .15s ease;--transition: .3s ease;--transition-slow: .5s ease;--font-display: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--background);color:var(--text-primary);line-height:1.5;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden}.app{min-height:100vh;min-height:-webkit-fill-available;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:800;line-height:1.2}h1{font-size:clamp(1.75rem,5vw,2.5rem);color:var(--gray-800)}h2{font-size:clamp(1.5rem,4vw,2rem);color:var(--gray-800)}h3{font-size:clamp(1.25rem,3vw,1.5rem);color:var(--gray-700)}p{font-size:1rem;line-height:1.6}button{font-family:var(--font-display);font-weight:700;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;user-select:none;-webkit-user-select:none;touch-action:manipulation;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%}@media (min-width: 768px){button{width:auto;min-width:120px}}.btn-primary{background:var(--primary);color:var(--white);box-shadow:0 4px 0 var(--primary-dark);transform:translateY(0)}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-primary:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 var(--primary-dark)}.btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--gray-200);box-shadow:0 2px 0 var(--gray-300)}.btn-secondary:hover:not(:disabled){background:var(--gray-100);border-color:var(--primary)}.btn-secondary:active:not(:disabled){transform:translateY(2px);box-shadow:none}button:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-family:var(--font-display);font-weight:700;font-size:.875rem;color:var(--text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-md);font-size:1rem;font-family:var(--font-body);border:2px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);transition:all var(--transition-fast);min-height:48px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #58cc021a}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.loading-logo{animation:bounce 1.5s infinite}.loading-icon{width:80px;height:80px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem;font-weight:900;font-family:var(--font-display);box-shadow:0 4px 0 var(--primary-dark)}.login-container,.signup-container,.join-dispute-container{min-height:100vh;min-height:-webkit-fill-available;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--duo-green) 0%,var(--duo-blue) 100%);display:flex;align-items:center;justify-content:center}.login-box,.signup-box,.join-dispute-box{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:100%;max-width:400px;box-shadow:var(--shadow-xl)}@media (min-width: 768px){.login-box,.signup-box,.join-dispute-box{padding:var(--spacing-2xl);max-width:480px}}.login-header,.signup-header,.join-header{text-align:center;margin-bottom:var(--spacing-xl)}.dashboard{flex:1;display:flex;flex-direction:column;padding-bottom:80px}.dashboard-header{background:var(--white);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-content h1{font-size:1.5rem;color:var(--primary)}.nav-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;min-height:40px;background:transparent;color:var(--text-primary)}.user-stats{padding:var(--spacing-lg)}.stats-container h2{font-size:1.25rem;margin-bottom:var(--spacing-lg);text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg)}}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;box-shadow:var(--shadow);border:2px solid var(--gray-200);transition:all var(--transition)}.stat-card:active{transform:scale(.98)}@media (hover: hover){.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}}.stat-value{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.action-section{padding:0 var(--spacing-lg) var(--spacing-lg)}.btn-create-dispute{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;font-size:1.125rem;padding:var(--spacing-lg);border-radius:var(--radius-full);box-shadow:0 6px 0 var(--primary-dark),var(--shadow-lg);font-weight:800;text-transform:uppercase;letter-spacing:1px;width:100%;max-width:400px;margin:0 auto;display:flex}.btn-create-dispute:active{transform:translateY(6px);box-shadow:0 0 0 var(--primary-dark),var(--shadow)}.btn-icon{font-size:1.5rem;margin-right:var(--spacing-sm)}.disputes-section{padding:var(--spacing-lg)}.disputes-section h3{margin-bottom:var(--spacing-lg);text-align:center;font-size:1.25rem}.disputes-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (min-width: 768px){.disputes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg)}}.dispute-card{background:var(--white);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow);border:2px solid var(--gray-200);cursor:pointer;transition:all var(--transition);position:relative;overflow:hidden}.dispute-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary);transform:scaleY(0);transition:transform var(--transition)}.dispute-card:active{transform:scale(.98)}@media (hover: hover){.dispute-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.dispute-card:hover:before{transform:scaleY(1)}}.dispute-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.dispute-header h4{font-family:var(--font-display);font-size:1.125rem;color:var(--gray-800);margin:0;flex:1}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.badge-active{background:#1cb0f626;color:var(--duo-blue)}.badge-waiting{background:#ffc80026;color:var(--duo-yellow)}.badge-resolved{background:#58cc0226;color:var(--duo-green)}.dispute-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.category{display:flex;align-items:center;gap:var(--spacing-xs)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg)}.empty-state p:first-child{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-sm)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;padding:0;z-index:1000}@media (min-width: 768px){.modal-overlay{align-items:center;padding:var(--spacing-lg)}}.modal-content{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}@media (min-width: 768px){.modal-content{border-radius:var(--radius-lg);max-height:80vh}}.modal-content h2{font-size:1.5rem;margin-bottom:var(--spacing-lg);text-align:center;color:var(--gray-800)}.modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xl);flex-direction:column}@media (min-width: 768px){.modal-actions{flex-direction:row;justify-content:flex-end}}.share-link-container{text-align:center}.share-link-box{display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}@media (min-width: 768px){.share-link-box{flex-direction:row}}.share-link-input{flex:1;padding:var(--spacing-md);border:2px solid var(--gray-200);border-radius:var(--radius-sm);font-size:.875rem;background:var(--gray-100);color:var(--text-primary);text-align:center}.btn-copy{background:var(--secondary);color:#fff;padding:var(--spacing-md);border-radius:var(--radius-sm);font-weight:700;box-shadow:0 4px 0 var(--duo-blue-dark)}.btn-copy:active{transform:translateY(4px);box-shadow:0 0 0 var(--duo-blue-dark)}.invite-code{margin:var(--spacing-lg) 0;padding:var(--spacing-lg);background:var(--gray-100);border-radius:var(--radius-md);border:2px dashed var(--primary)}.invite-code p{margin:0;color:var(--text-secondary);font-size:.875rem}.invite-code strong{display:block;color:var(--primary);font-size:2rem;font-family:var(--font-display);font-weight:900;letter-spacing:3px;margin-top:var(--spacing-sm)}.share-note{margin:var(--spacing-lg) 0;padding:var(--spacing-md);background:#1cb0f61a;border-radius:var(--radius-sm);border-left:4px solid var(--secondary)}.share-note p{margin:0;color:var(--text-primary);font-size:.875rem;line-height:1.5}.dispute-info{background:var(--gray-100);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.dispute-title{color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md)}.dispute-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.category-badge{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary);color:#fff;border-radius:var(--radius-full);font-size:.875rem;font-weight:700}.how-it-works{margin-bottom:var(--spacing-xl)}.how-it-works h3{color:var(--gray-800);margin-bottom:var(--spacing-md)}.how-it-works ol{padding-left:var(--spacing-lg)}.how-it-works li{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.5;font-size:.9375rem}.privacy-note{background:#58cc021a;padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:4px solid var(--success);margin-top:var(--spacing-lg)}.privacy-note p{margin:0;font-size:.875rem;line-height:1.5}.progress-bar{height:12px;background:var(--gray-200);border-radius:var(--radius-full);overflow:hidden;margin:var(--spacing-md) 0}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-full);transition:width var(--transition)}@keyframes pop-in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.achievement-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;z-index:2000;animation:pop-in .5s ease}.achievement-icon{font-size:4rem;margin-bottom:var(--spacing-md)}.achievement-title{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--primary);margin-bottom:var(--spacing-sm)}@media (max-width: 375px){html{font-size:14px}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (padding-top: env(safe-area-inset-top)){.dashboard-header{padding-top:calc(var(--spacing-md) + env(safe-area-inset-top))}.dashboard{padding-bottom:calc(80px + env(safe-area-inset-bottom))}}.home-container{min-height:100vh;background:var(--white)}.hero-section{background:linear-gradient(135deg,var(--duo-green) 0%,var(--duo-blue) 100%);padding:var(--spacing-2xl) var(--spacing-lg);min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}@media (min-width: 768px){.hero-section{flex-direction:row;padding:80px 40px;gap:60px}}.hero-content{text-align:center;max-width:600px;z-index:2}@media (min-width: 768px){.hero-content{text-align:left;flex:1}}.hero-title{font-family:var(--font-display);font-size:clamp(2rem,6vw,3.5rem);font-weight:900;color:var(--white);margin-bottom:var(--spacing-lg);line-height:1.1}.hero-title .highlight{color:var(--duo-yellow);text-shadow:2px 2px 0 rgba(0,0,0,.1)}.hero-subtitle{font-size:clamp(1rem,2vw,1.25rem);color:var(--white);opacity:.95;margin-bottom:var(--spacing-xl);line-height:1.5}.hero-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media (min-width: 768px){.hero-actions{flex-direction:row;justify-content:center}.hero-content .hero-actions{justify-content:flex-start}}.btn-large{padding:var(--spacing-lg) var(--spacing-xl);font-size:1.125rem}.hero-badge{display:inline-block;background:#fff3;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.badge-text{color:var(--white);font-weight:600;font-size:.9rem}.hero-graphic{position:relative;max-width:400px;width:100%;margin-top:var(--spacing-xl)}@media (min-width: 768px){.hero-graphic{margin-top:0}}.phone-mockup{background:var(--white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);min-height:300px;display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-bubble{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:.9rem;max-width:80%;animation:pop-in .5s ease backwards}.chat-left{background:var(--gray-100);color:var(--text-primary);align-self:flex-start;animation-delay:.2s}.chat-right{background:var(--duo-blue);color:var(--white);align-self:flex-end;animation-delay:.4s}.chat-ai{background:var(--duo-green);color:var(--white);align-self:center;animation-delay:.6s;text-align:center}.features-section{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--gray-100)}.features-section h2{font-family:var(--font-display);font-size:2rem;color:var(--gray-800);margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.feature-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow);transition:all var(--transition);cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;color:var(--gray-800);margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--text-secondary);font-size:.9rem}.gamification-section{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--white)}.gamification-section h2{font-family:var(--font-display);font-size:2rem;color:var(--gray-800);margin-bottom:var(--spacing-xl)}.game-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg);max-width:800px;margin:0 auto}.game-feature{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-100);border-radius:var(--radius-sm)}.game-icon{font-size:1.5rem}.game-feature span:last-child{text-align:left;color:var(--text-primary);font-weight:500}.pricing-section{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:var(--gray-100)}.pricing-section h2{font-family:var(--font-display);font-size:2rem;color:var(--gray-800);margin-bottom:var(--spacing-xl)}.pricing-cards{display:flex;flex-direction:column;gap:var(--spacing-lg);max-width:800px;margin:0 auto}@media (min-width: 768px){.pricing-cards{flex-direction:row;justify-content:center;align-items:stretch}}.pricing-card{background:var(--white);padding:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow);position:relative;flex:1;max-width:350px}.pricing-card.featured{border:3px solid var(--duo-green);transform:scale(1.05)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--duo-green);color:var(--white);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase}.pricing-card h3{font-family:var(--font-display);font-size:1.5rem;color:var(--gray-800);margin-bottom:var(--spacing-md)}.price{font-size:3rem;font-weight:900;color:var(--duo-green);font-family:var(--font-display)}.price-label{display:block;color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.pricing-features{list-style:none;padding:0;text-align:left}.pricing-features li{padding:var(--spacing-sm) 0;color:var(--text-primary);font-size:.95rem}.cta-section{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;background:linear-gradient(135deg,var(--duo-green) 0%,var(--duo-blue) 100%);color:var(--white)}.cta-section h2{font-family:var(--font-display);font-size:2rem;color:var(--white);margin-bottom:var(--spacing-md)}.cta-section p{font-size:1.125rem;opacity:.95;margin-bottom:var(--spacing-xl)}.cta-section .btn-primary{background:var(--white);color:var(--duo-green);box-shadow:0 4px #0000001a}.cta-section .btn-primary:hover{background:var(--gray-100)}.savings-badge{margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--duo-yellow);color:var(--gray-800);border-radius:var(--radius-sm);font-weight:700;font-size:.875rem;text-align:center}