:root{--primary: #25d366;--primary-dark: #128c7e;--primary-light: #dcf8c6;--secondary: #34b7f1;--accent: #ff6b35;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-heading: var(--font-body);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);line-height:1.5;color:var(--gray-700);background:linear-gradient(135deg,var(--primary-light) 0%,var(--gray-50) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.container{width:100%;max-width:480px}.card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--gray-100);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-dark) 100%)}.header{text-align:center;margin-bottom:var(--space-6)}.whatsapp-icon{width:64px;height:64px;margin:0 auto var(--space-3);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-md)}.whatsapp-icon svg{width:32px;height:32px}h1{font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--gray-800);margin-bottom:var(--space-2)}.header p{color:var(--gray-500);font-size:1rem}.form-group{margin-bottom:var(--space-5)}label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:var(--space-2);font-size:.875rem}input{width:100%;padding:var(--space-3) var(--space-2);border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:1rem;transition:var(--transition);background:var(--gray-50)}input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #25d3661a}input:hover{border-color:var(--gray-300)}.input-hint{margin-top:var(--space-1);font-size:.75rem;color:var(--gray-400)}button{width:100%;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--space-1);position:relative;overflow:hidden}button: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-slow)}button:hover:before{left:100%}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}.btn-icon{width:20px;height:20px}.btn-icon svg{width:100%;height:100%}.result{margin-top:var(--space-5);padding:var(--space-4);background:var(--success);border-radius:var(--radius-md);color:#fff;opacity:1;transform:translateY(0);transition:var(--transition-slow)}.result.hidden{opacity:0;transform:translateY(10px);max-height:0;padding:0;margin:0;overflow:hidden}.result-content p{font-weight:600;margin-bottom:var(--space-2);text-align:center}.generated-link{display:flex;align-items:center;gap:var(--space-2);background:#fff3;padding:var(--space-2);border-radius:var(--radius);word-break:break-all;font-size:.875rem;margin-bottom:var(--space-2)}.generated-link span{flex:1}.phone-display{text-align:center;opacity:.8}.phone-display small{font-size:.75rem}#copy-btn{width:auto;padding:var(--space-1);background:#fff3;border-radius:var(--radius-sm);min-width:32px;height:32px}#copy-btn:hover{background:#ffffff4d;transform:none;box-shadow:none}.error-message{position:absolute;top:-60px;left:50%;transform:translate(-50%);background:var(--error);color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:.875rem;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-md);animation:slideDown .3s ease-out;z-index:10}.error-message:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--error)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){body{padding:var(--space-2)}.card{padding:var(--space-4)}h1{font-size:1.5rem}.whatsapp-icon{width:56px;height:56px}.whatsapp-icon svg{width:28px;height:28px}}@media (max-width: 480px){.card{padding:var(--space-3);border-radius:var(--radius-lg)}h1{font-size:1.375rem}input,button{padding:var(--space-2) var(--space-3)}}button:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (hover: none){button:hover{transform:none;box-shadow:var(--shadow-md)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.github-corner:hover .octo-arm{animation:octocat-wave .56s ease-in-out}@keyframes octocat-wave{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.rodapé{padding:1em;text-align:center;padding-top:var(--space-4)}.logohugo{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Generator:%20Adobe%20Illustrator%2027.8.0,%20SVG%20Export%20Plug-In%20.%20SVG%20Version:%206.00%20Build%200)%20--%3e%3csvg%20version='1.1'%20id='Layer_2'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%20612%20792'%20style='enable-background:new%200%200%20612%20792;'%20xml:space='preserve'%3e%3cstyle%20type='text/css'%3e%20.st0{fill:%2310B981;}%20%3c/style%3e%3cg%3e%3cpolygon%20class='st0'%20points='277.3,0%2081.9,0%2081.9,630.4%20197,743.6%20277.3,743.6%20277.3,437.1%20307,437.1%20307,411.3%20277.3,318%20'/%3e%3cpolygon%20class='st0'%20points='415,48.4%20334.7,48.4%20334.7,316.5%20304.4,316.5%20304.4,342.3%20334.7,436.9%20334.7,792%20530.1,792%20530.1,161.6%20'/%3e%3c/g%3e%3c/svg%3e") no-repeat center;background-size:contain;width:30px;height:30px;display:inline-block}.copyright{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;color:var(--gray-600);font-size:.875rem}.copyright a{text-decoration:none;display:inline-flex;align-items:center;transition:var(--transition)}.copyright a:hover .logohugo{transform:scale(1.1)}