:root{--theme:light;----lgQg:0.1rem;--color-primary:#25d366;--color-primary-dark:#128c7e;--color-primary-light:#dcf8c6;--color-secondary:#8b3dff;--color-secondary-dark:#7731d8;--Zpa-KA:#00c4cc;--eGVbng:#8b3dff;--M5_pvA:#7731d8;--boKKWg:#612dae;--WYh-Pg:linear-gradient(to bottom right in srgb,#00c4cc,#5a32fa,#7d2ae8);--SoALWA:linear-gradient(to bottom right in srgb,#00c4cc,#5a32fa,#7d2ae8);--9v5PLg:linear-gradient(90deg,#00c4cc,#7d2ae8);--LsXbHQ:linear-gradient(135deg,#00c4cc,#7d2ae8);--U8pJuw:linear-gradient(135deg,#00c4cc,#7d2ae8);--0BpVqA:linear-gradient(135deg,#03a5ab,#7d2ae8);--dbTMCw:linear-gradient(180deg,#f9f5fe,#f5ffff);--whatsapp-gradient:linear-gradient(135deg,#25d366,#128c7e);--whatsapp-soft-gradient:linear-gradient(135deg,#dcf8c6,#25d366);--xOBEOw:radial-gradient(100.99% 100.73% at 0% 0%,rgba(0,196,204,.726) 0%,#00c4cc 0.01%,#00c4cc00 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#6420ff 0%,#6420ff00 100%),radial-gradient(106.1% 249.18% at 0% 0%,#00c4cc 0%,#00c4cc00 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0%,#6420ff00 100%),#7d2ae7;--DTz8lQ:radial-gradient(100.99% 100.73% at 0% 0%,rgba(0,196,204,.726) 0%,#00c4cc 0.01%,#00c4cc00 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#6420ff 0%,#6420ff00 100%),radial-gradient(106.1% 249.18% at 0% 0%,#00c4cc 0%,#00c4cc00 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0%,#6420ff00 100%),#7d2ae7;--color-text-primary:#0d1216;--color-text-secondary:#464749;--color-text-light:#a1a7aa;--color-text-white:#fff;--vCimLg:#0d1216;--y-Cg_Q:#0d1216;--IiGh2A:#464749;--yDx7qg:#464749;--color-background:#fff;--color-background-light:#f6f7f8;--color-background-soft:#f1ebff;--color-background-dark:#f3f4f6;--qwofNA:#fff;--EanfEg:#fff;--BhAIAw:#fff;--CZ9big:#f6f7f8;--xpFk1A:#f6f7f8;--91N9zw:#f1ebff;--aKsGUw:#f1ebff;--ah0Ftw:#bbf3f4;---ixxCg:#f1eaff;--MKiYLw:#e7dbff;--kPU2Zw:#d6c2ff;--gzW8Zw:#d6c2ff;--ELyO6w:#d6c2ff;--7t50pg:#e7dbff;--tuSuvQ:#e7dbff;--Xh-ChQ:0 -1px 1px -1px #40576d12,0px -6px 8px -8px #394c6026;--8WgTXw:0 -4px 8px #40576d12;--mhXVmQ:0 0 0 1px #40576d12,0 0 8px 0 #394c6026;--lq6ZjA:0 0 0 1px #40576d12,0 0 8px 0 #394c6026;--sTmP_A:0 0 0 1px #40576d12,0 0 8px 0 #394c6026;--xbFLow:0 0 0 1px #40576d12,0 0 8px 0 #394c6026;--wlsoXA:0px 0px 0px 1px #40576d0a,0px 6px 20px -4px #40576d4d;--ej6pBg:0px 0px 0px 1px #40576d0a,0px 12px 40px -8px #40576d4d;--3LGewA:0px 0px 0px 1px #40576d0a,0px 2px 4px -1px #40576d4d;--uU7oTw:0px 0px 0px 0.5px #40576d12,0px 1px 2px 0px #182c5923,0px 2px 4px 0px #182c5923;--galhog:0px 0px 0px 0.5px #40576d12,0px 2px 4px 0px #182c5923,0px 6px 12px 0px #182c5912;--JF44pw:0px 0px 0px 0.5px #40576d12,0px 8px 16px 0px #182c5923,0px 24px 24px 0px #182c5912;--font-family-base:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--aJwtZg:calc(var(----lgQg, 0.1rem)*48);--Vf8OSg:calc(var(----lgQg, 0.1rem)*36);--A3YTsg:calc(var(----lgQg, 0.1rem)*24);--Dynksw:calc(var(----lgQg, 0.1rem)*21);--VrAiwg:calc(var(----lgQg, 0.1rem)*16);--5QGiVg:calc(var(----lgQg, 0.1rem)*14);--R07nfg:calc(var(----lgQg, 0.1rem)*12);--m8t8Kw:calc(var(----lgQg, 0.1rem)*21);--ZYsOLQ:calc(var(----lgQg, 0.1rem)*18);--__4QUw:calc(var(----lgQg, 0.1rem)*16);--ZOMbtg:calc(var(----lgQg, 0.1rem)*14);--ylZqXQ:calc(var(----lgQg, 0.1rem)*12);--ggP9YA:calc(var(----lgQg, 0.1rem)*11);--color-success:#008009;--jz0LSw:#008009;--U4Djhw:#008009;--CJur3Q:#fff;--UfNqTg:#c3eac4;--QcueGQ:#133416;--color-warning:#ad5a00;--Am6Phw:#ad5a00;--X8oIbA:#fff;--G_qVww:#ffd9ad;--HfWZ1A:#3e2a14;--color-error:#db142c;--0_PQrA:#db142c;--9am7Zg:#db142c;--wv7owA:#db142c;--43wRQw:#db142c;--9luNoA:#fff;--qKGzFw:#ffd6d8;--CMMUiA:#501b21;--color-info:#1a62ff;--bdtRFA:#1a62ff;--YrdGEw:#fff;--_bpjsw:#cce1ff;--x3uTOw:#182c59;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--ok513Q:0.45;--6DgMdQ:0.45;--9YJ6jQ:0.45;--1l4jNQ:0.4;--RY1XQg:0.7;--wlik6g:0.4;--dy3KDw:0.7;--s7De_w:0.4;--2doBew:0.4;--W85Nwg:0.7;--VyQPbg:0.7;--ca2hZw:#394c6026;--eu46bQ:#394c6026;--xfy86Q:#394c6026;--A_Rimw:#40576d12;--oqurdw:#40576d12;--X3--Zg:#40576d12;--aMXh3A:#40576d12;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070;--lLIt9w:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom right,#00c4cc,#8b3dff) border-box;--gFpm7A:linear-gradient(90deg,#fff0,#ffffffb3 33%,#ffffffb3 66%,#fff0);--VmWCzw:linear-gradient(33deg,#0000,#0000 40%,#ffffff4d 60%);--Q2f31A:#6ba9ff;--XmZqVA:#cee2ff;--SYTTzA:#dae9ff;--4PEc8w:#cee2ff;--8twhFg:#dae9ff;--4Epz8Q:#a570ff;--wuYAdg:#a570ff;--Tvynng:#a570ff26;--BKx0jQ:#a570ff33;--FVk7Ew:#a570ff26;--2-zmYA:#a570ff26;--ySYdsQ:#a570ff33;color-scheme:light;color-scheme:var(--theme);font-size:100%}@media (min-width:600px){:root{--aJwtZg:calc(var(----lgQg, 0.1rem)*64);--Vf8OSg:calc(var(----lgQg, 0.1rem)*48);--A3YTsg:calc(var(----lgQg, 0.1rem)*32);--Dynksw:calc(var(----lgQg, 0.1rem)*24);--VrAiwg:calc(var(----lgQg, 0.1rem)*18);--5QGiVg:calc(var(----lgQg, 0.1rem)*14);--R07nfg:calc(var(----lgQg, 0.1rem)*12);--m8t8Kw:calc(var(----lgQg, 0.1rem)*24);--ZYsOLQ:calc(var(----lgQg, 0.1rem)*21);--__4QUw:calc(var(----lgQg, 0.1rem)*16);--ZOMbtg:calc(var(----lgQg, 0.1rem)*14);--ylZqXQ:calc(var(----lgQg, 0.1rem)*12);--ggP9YA:calc(var(----lgQg, 0.1rem)*11)}}@supports (height:env(safe-area-inset-top)){html{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left);--safe-area-inset-right:env(safe-area-inset-right)}}html{--safe-area-inset-top:0px;--safe-area-inset-bottom:0px;--safe-area-inset-left:0px;--safe-area-inset-right:0px}.gradient-primary{background:linear-gradient(90deg,#00c4cc,#7d2ae8);background:var(--9v5PLg)}.gradient-radial{background:radial-gradient(100.99% 100.73% at 0 0,rgba(0,196,204,.726) 0,#00c4cc .01%,#00c4cc00 100%),radial-gradient(68.47% 129.02% at 22.82% 97.71%,#6420ff 0,#6420ff00 100%),radial-gradient(106.1% 249.18% at 0 0,#00c4cc 0,#00c4cc00 100%),radial-gradient(64.14% 115.13% at 5.49% 50%,#6420ff 0,#6420ff00 100%),#7d2ae7;background:var(--xOBEOw)}.gradient-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);background:var(--whatsapp-gradient)}.shadow-soft{box-shadow:0 0 0 .5px #40576d12,0 1px 2px 0 #182c5923,0 2px 4px 0 #182c5923;box-shadow:var(--uU7oTw)}.shadow-medium{box-shadow:0 0 0 .5px #40576d12,0 2px 4px 0 #182c5923,0 6px 12px 0 #182c5912;box-shadow:var(--galhog)}.shadow-strong{box-shadow:0 0 0 .5px #40576d12,0 8px 16px 0 #182c5923,0 24px 24px 0 #182c5912;box-shadow:var(--JF44pw)}.text-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(to bottom right in srgb,#00c4cc,#5a32fa,#7d2ae8);background:var(--WYh-Pg);-webkit-background-clip:text;background-clip:text}.border-gradient{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(to bottom right,#00c4cc,#8b3dff) border-box;background:var(--lLIt9w);border:2px solid #0000}*{padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background-light);font-family:var(--font-family-base)}body,h1,h2,h3,h4,h5,h6{color:var(--color-text-primary)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}a{color:var(--color-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary-dark)}button{cursor:pointer;font-family:var(--font-family-base)}code{background-color:var(--color-background-dark);border-radius:var(--border-radius-sm);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.container{margin:0 auto;max-width:1200px;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.fade-in{animation:fadeIn var(--transition-normal)}.App{background-color:#fff;color:#333;font-family:Segoe UI,Roboto,sans-serif;min-height:100vh;text-align:center}.App-header{background-color:#25d366;box-shadow:0 2px 8px #0000001a;color:#fff;margin-bottom:0;padding:1.5rem 0;position:relative}.App-header h1{font-size:1.8rem;font-weight:600;margin:0}.App-main{display:flex;flex-direction:column;gap:0;margin:0;max-width:none;padding:0}.App-main h2{color:#333;font-size:18px;font-weight:700;margin:20px 0;text-align:center}.App-main h2 span.whatsapp-text{color:#25d366}.analysis-special-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:24px;font-weight:800;letter-spacing:1px;margin:30px 0 5px;position:relative;text-align:center;text-transform:uppercase}.analysis-special-title:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;bottom:-8px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.file-upload-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin-top:40px;overflow:hidden;padding:30px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.file-upload-container:before{background:linear-gradient(135deg,#7122ac0d,#25d3660d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.file-upload-container>*{position:relative;z-index:1}.file-upload-container:hover{box-shadow:0 30px 80px #00000026;transform:translateY(-8px)}.file-upload-label{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#25d366,#7122ac) border-box;border:3px dashed #0000;border-radius:16px;cursor:pointer;display:block;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.file-upload-label:before{background:linear-gradient(135deg,#25d3660d,#7122ac0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.file-upload-label:hover:before{opacity:1}.file-upload-label:hover{border-color:#25d366;box-shadow:0 8px 25px #25d36633;transform:scale(1.02)}.file-upload-input{display:none}.file-upload-text{align-items:center;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.upload-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:10px;transition:transform .3s ease}.file-upload-label:hover .upload-icon{transform:scale(1.1)}.file-upload-text span:nth-child(2){-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#075e54,#25d366);background-clip:text;-webkit-background-clip:text;font-size:20px;font-weight:700;text-shadow:none}.file-upload-subtext{color:#6b7280;font-size:16px;font-weight:500;line-height:1.5;margin:0 auto;max-width:500px}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:30px 20px}.loading-indicator .spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:50px;margin-bottom:15px;width:50px}.loading-indicator p{color:#666;font-size:1rem;margin:0;text-align:center}.cancel-button{background-color:#ec407a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:background-color .2s}.cancel-button:hover{background-color:#d81b60}.error-message{background-color:#ffebee;border-left:4px solid #ef5350;border-radius:12px;color:#c62828;font-size:1.1rem;font-weight:500;margin:15px 0;text-align:center}.analysis-container,.chat-analysis-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-bottom:30px;overflow:hidden}.analysis-container h2,.chat-analysis-loading h2,.chat-analysis-section h2{color:#000;font-size:18px;font-weight:700;margin:20px 0;text-align:center}.analysis-container .chat-analysis-loading,.chat-analysis-loading{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin:20px 0;padding:20px}.files-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-top:20px;overflow:hidden}.files-header{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.files-header h2{color:#333;font-size:1.2rem;margin:0}.download-all-button{background-color:#25d366;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:background-color .2s}.download-all-button:hover{background-color:#128c7e}.files-table{border-collapse:collapse;width:100%}.files-table td,.files-table th{border-bottom:1px solid #eaeaea;padding:12px 15px;text-align:left}.files-table th{background-color:#f9f9f9;color:#505050;font-weight:600}.files-table tr:last-child td{border-bottom:none}.files-table tr:hover{background-color:#f5f5f5}.download-button{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 12px;transition:background-color .2s}.download-button:hover{background-color:#1976d2}@media (max-width:768px){.App-header h1{font-size:1.5rem}.files-header{flex-direction:column;gap:10px}.files-table{font-size:.9rem}.files-table td,.files-table th{padding:10px}}@media (max-width:480px){.App-main{padding:0 10px 30px}.files-table{font-size:.8rem}.download-all-button,.download-button{font-size:.8rem;padding:5px 10px}}.additional-analysis{display:flex;flex-wrap:wrap;margin-top:30px}.analysis-module{background-color:#fff;box-shadow:0 2px 10px #0000001a;flex:1 1;min-width:300px}.chat-analysis-loading{background:#f8f9fa;border-radius:8px;margin-top:20px;padding:15px}.chat-analysis-loading h2{color:#495057;margin-top:0}.chat-analysis-loading .loading-indicator{align-items:center;display:flex;flex-direction:column;padding:20px}.chat-analysis-loading .spinner{height:40px;margin-bottom:10px;width:40px}.analysis-container{margin-bottom:30px}.analysis-module{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:15px}.additional-analysis{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:20px}@media (max-width:768px){.additional-analysis{grid-template-columns:1fr}}.login-required{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:60px auto;max-width:600px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.login-required:before{background:linear-gradient(135deg,#7122ac0d,#25d3660d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-required>*{position:relative;z-index:1}.login-required h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#1a1a1a;font-size:42px;font-weight:700;margin:0 0 20px}.login-required p{color:#666;font-size:24px!important;line-height:1.5;margin:0}.auth-buttons{display:flex;gap:20px;justify-content:center;margin-top:40px}.login-button,.register-button{border:none;border-radius:50px;cursor:pointer;font-size:20px;font-weight:600;min-width:160px;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.login-button{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 8px 30px #25d3664d;color:#fff}.login-button:hover{background:linear-gradient(135deg,#128c7e,#075e54);box-shadow:0 12px 40px #25d36666;transform:translateY(-2px)}.register-button{background:#0000;border:2px solid #7122ac;color:#7122ac}.register-button:hover{background:#7122ac;box-shadow:0 8px 30px #7122ac4d;color:#fff;transform:translateY(-2px)}@media (max-width:768px){.login-required{margin:40px 20px;padding:40px 30px}.login-required h2{font-size:34px}.login-required p{font-size:20px}.auth-buttons{align-items:center;flex-direction:column;gap:15px}.login-button,.register-button{font-size:16px;max-width:280px;padding:14px 28px;width:100%}}@media (max-width:480px){.login-required{margin:20px 15px;padding:30px 20px}.login-required h2{font-size:29px;line-height:1.3}.login-required p{font-size:16px}}.user-plan-info{background-color:#f5f7fa;border-left:4px solid #4285f4;border-radius:8px;margin:0 auto 2rem;max-width:600px;padding:1.5rem}.user-plan-info h3{color:#333;margin-bottom:.5rem;margin-top:0}.user-plan-info p{color:#555;margin-bottom:1rem}.plan-actions{display:flex;justify-content:flex-end}.view-plans-button{background-color:#4285f4;border-radius:4px;font-weight:500;padding:.5rem 1rem;transition:background-color .2s ease}.view-plans-button:hover{background-color:#3367d6}.upgrade-modal{background-color:#00000080;bottom:0;right:0;z-index:2000}.upgrade-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 4px 24px #0003;max-width:500px;padding:2rem;width:90%}.upgrade-modal-content h2{color:#333;margin-top:0}.upgrade-buttons{gap:1rem}.user-plan-banner{align-items:center;background:linear-gradient(135deg,#7122ac0d,#25d3660d);border-bottom:2px solid #25d3661a;box-shadow:0 2px 8px #0000000d;color:#1a1a1a;display:flex;font-size:16px;gap:20px;justify-content:center;overflow:hidden;padding:16px 20px;position:relative;text-align:center}.user-plan-banner:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#25d3661a,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.user-plan-banner-content{align-items:center;display:flex;font-weight:500;gap:16px;position:relative;z-index:1}.user-plan-badge{background:linear-gradient(135deg,#25d366,#7122ac);border-radius:20px;box-shadow:0 4px 15px #25d3664d;color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;overflow:hidden;padding:8px 16px;position:relative;text-transform:uppercase}.user-plan-badge:before{animation:badgeShine 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes badgeShine{0%,to{left:-100%}50%{left:100%}}.user-plan-upgrade-link{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #7122ac;border-radius:16px;color:#7122ac;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;text-decoration:none;transition:all .3s ease}.user-plan-upgrade-link:after{content:"⬆️";font-size:16px}.user-plan-upgrade-link:hover{background:linear-gradient(135deg,#7122ac,#25d366);box-shadow:0 8px 25px #7122ac4d;color:#fff;text-decoration:none;transform:translateY(-2px)}@media (max-width:768px){.user-plan-banner{flex-direction:column;font-size:15px;gap:12px;padding:14px 16px}.user-plan-banner-content{flex-direction:column;gap:12px;text-align:center}.user-plan-badge{font-size:13px;padding:6px 14px}.user-plan-upgrade-link{font-size:13px;padding:8px 16px}}@media (max-width:480px){.user-plan-banner{font-size:14px;gap:10px;padding:12px 15px}.user-plan-banner-content{gap:10px}.user-plan-badge{font-size:12px;padding:6px 12px}.user-plan-upgrade-link{font-size:12px;padding:8px 14px}}.new-analysis-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;margin-top:40px;padding:30px}.new-analysis-section h2{color:#075e54;font-size:1.8rem;margin-bottom:30px;text-align:center}.new-analysis-section h3{color:#128c7e;font-size:1.4rem;margin-bottom:15px}.chat-analysis-section{margin-bottom:40px}.analysis-results-container{animation:fadeIn .5s ease;margin-bottom:40px}.loading-indicator-minimal{display:flex;justify-content:center;margin:20px 0}.loading-indicator-minimal .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:40px;width:40px}.loading-status-indicator{align-items:center;animation:fadeIn .3s ease;background-color:#ffffffe6;border-radius:30px;bottom:20px;box-shadow:0 2px 8px #0000001a;color:#555;display:flex;font-size:14px;padding:8px 16px;position:fixed;right:20px;z-index:1000}.spinner-small{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#25d366;height:18px;margin-right:10px;width:18px}.loading-status-text{font-weight:500}.chat-analysis ul,.privacy-policy ul,.terms-of-service ul{list-style-type:none;padding-left:0}.chat-analysis li,.privacy-policy li,.terms-of-service li,ul{list-style-type:none}ul{padding-left:0}li{list-style-type:none}.auth-error-container{animation:fadeIn .3s ease-in-out;margin:10px 0 20px}.auth-error{background-color:#ffebee;border-left:4px solid #f44336;border-radius:4px;box-shadow:0 2px 8px #0000001a;gap:10px;padding:12px 16px}.auth-error-icon{font-size:1.2rem}.auth-error-text{color:#d32f2f;font-size:.95rem}.analysis-loading-indicator{align-items:center;animation:fadeIn .5s ease;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;justify-content:center;margin:20px 0;min-height:200px;padding:40px 30px}.loading-content{align-items:center;display:flex;flex-direction:column;text-align:center}.spinner{animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;border:5px solid #25d3661a;box-shadow:0 0 10px #25d36633;margin-bottom:20px}.refresh-confirmation{align-items:center;animation:slideIn .3s ease-out;background-color:#fffbd6f2;border-left:4px solid #ffc107;border-radius:4px;box-shadow:0 4px 12px #00000026;color:#664d03;display:flex;font-size:14px;max-width:350px;padding:12px 16px;position:fixed;right:15px;top:15px;z-index:1200}.refresh-confirmation-icon{color:#ffc107;font-size:24px;margin-right:12px}.refresh-confirmation-content{flex:1 1}.refresh-confirmation h3{font-size:15px;font-weight:700;margin:0 0 5px}.refresh-confirmation p{line-height:1.4;margin:0 0 8px}.refresh-confirmation-buttons{display:flex;gap:8px;margin-top:8px}.refresh-confirmation-continue{background-color:#ffc107;border:none;border-radius:4px;color:#664d03;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px}.refresh-confirmation-cancel{background-color:#f8f9fa;border:1px solid #ced4da;border-radius:4px;color:#495057;cursor:pointer;font-size:13px;padding:5px 12px}.body-with-confirmation{overflow:hidden}.mobile-progress-indicator{align-items:center;animation:slideDown .4s ease-out;background-color:#25d366e6;box-shadow:0 2px 10px #00000040;color:#fff;display:flex;flex-direction:column;font-weight:500;justify-content:center;left:0;padding:12px 15px;position:fixed;right:0;text-align:center;top:70px;z-index:1000}.mobile-progress-indicator .progress-content{align-items:center;display:flex;margin-bottom:8px;max-width:600px;width:100%}.mobile-progress-indicator .spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;height:20px;margin-right:12px;width:20px}.mobile-progress-indicator .progress-bar{background-color:#ffffff4d;border-radius:2px;height:4px;max-width:600px;overflow:hidden;position:relative;width:100%}.mobile-progress-indicator .progress-value{animation:progressAnimation 20s ease-in forwards;background-color:#fff;border-radius:2px;height:100%;left:0;position:absolute;top:0;width:0}@keyframes progressAnimation{0%{width:0}20%{width:20%}50%{width:65%}80%{width:80%}95%{width:90%}to{width:95%}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.view-analysis-button{align-items:center;animation:bounce 1s infinite alternate;background-color:#25d366;border:none;border-radius:30px;bottom:20px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:500;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);z-index:1000}.view-analysis-button:hover{background-color:#128c7e}.view-analysis-button .icon{font-size:18px;margin-right:8px}@keyframes bounce{0%{transform:translateX(-50%) translateY(0)}to{transform:translateX(-50%) translateY(-8px)}}.empty-placeholder-container{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;justify-content:center;margin:20px 0;min-height:200px;padding:40px}.empty-placeholder-container .spinner-small{animation:spin 1s linear infinite;border:3px solid #25d3664d;border-radius:50%;border-top-color:#25d366;height:30px;margin-bottom:20px;width:30px}.empty-placeholder-container p{color:#333;font-size:1.4rem;font-weight:500;margin:0;text-align:center}.mobile-progress-indicator,.mobile-progress-indicator .progress-bar,.mobile-progress-indicator .progress-content,.mobile-progress-indicator .progress-value,.mobile-progress-indicator .spinner-small,.view-analysis-button{display:none}.mobile-nav-link.mobile-logout{background:none;border:none;border-bottom:1px solid #eee;color:#d32f2f;cursor:pointer;display:inline-block;font-size:1rem;font-weight:500;margin-left:auto;padding:.75rem 1rem;text-align:right;text-decoration:none;transition:color .2s ease;width:auto}.mobile-nav-link.mobile-logout:hover{color:#b71c1c}#psychological-analysis{margin:15px 0;max-width:100%;overflow:hidden}.loading-progress{align-items:center;display:flex;flex-direction:column;margin-bottom:15px;width:100%}.spinner-circle{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#25d366;height:40px;margin-bottom:15px;width:40px}.progress-bar{background-color:#f0f0f0;border-radius:4px;height:8px;margin-top:5px;width:80%}.progress-fill{animation:progress 30s ease-in-out forwards;background-color:#25d366;border-radius:4px;width:0}.analysis-progress-detail{animation:fadeInOut 1s ease-in-out;color:#666;font-size:16px;font-style:italic;font-weight:500;margin-top:10px;text-align:center}@keyframes fadeInOut{0%{opacity:0}to{opacity:1}}@keyframes progress{0%{width:0}70%{width:70%}90%{width:90%}to{width:98%}}.debug-info{background-color:#f8f9fa;border:1px dashed #dee2e6;border-radius:5px;font-size:12px;margin:20px 0;padding:10px}.debug-info h4{color:#495057;font-size:14px;margin-bottom:8px;margin-top:0}.debug-info details{margin-top:10px}.debug-info pre{background-color:#f1f3f5;border-radius:4px;font-size:11px;max-height:200px;overflow:auto;padding:8px}.analysis-message{background-color:#f8f9fa;border-left:3px solid #6c757d;color:#6c757d;font-style:italic;margin:10px 0;padding:15px}.share-game-button-container{display:flex;justify-content:center;margin:30px 0}.share-game-button{align-items:center;background-color:#075e54;border:none;border-radius:50px;box-shadow:0 4px 8px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;padding:12px 30px;transition:all .3s ease}.share-game-button:hover{background-color:#25d366;box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.share-game-button:active{transform:translateY(0)}.copied-message{bottom:-50px;font-size:14px;padding:10px 20px}@media (max-width:768px){.share-game-modal-content{padding:20px;width:95%}.game-url-container{flex-direction:column}.game-url-container input{border-radius:5px;margin-bottom:10px}.game-url-container button{border-radius:5px}.copied-message{bottom:-35px;font-size:13px;padding:6px 12px}}.privacy-option{background:linear-gradient(135deg,#7122ac0d,#25d3660d);border:1px solid #25d3661a;border-radius:12px;margin-top:25px;padding:20px}.privacy-checkbox-label{align-items:flex-start;color:#374151;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:12px;line-height:1.5}.privacy-checkbox-label input[type=checkbox]{accent-color:#25d366;border-radius:4px;cursor:pointer;height:20px;margin:0;width:20px}.privacy-checkbox-label span{flex:1 1;-webkit-user-select:none;user-select:none}.privacy-checkbox-label:hover{color:#25d366}.personality-game-section{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:2rem auto;max-width:800px;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease;width:100%}.personality-game-section:before{background:linear-gradient(90deg,#0000,#6a4c931a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.personality-game-section:hover:before{left:100%}.personality-game-section:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.personality-game-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:16px;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.personality-game-title{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1.2;margin-bottom:16px}.personality-game-description{color:#666;font-size:1.1rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.personality-game-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:50px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.personality-game-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 8px 30px #25d36666;transform:translateY(-2px)}.personality-game-button:active{transform:translateY(0)}@media (max-width:768px){.personality-game-section{margin:1.5rem auto;padding:30px 20px}.personality-game-badge{font-size:14px}.personality-game-title{font-size:1.6rem;line-height:1.3}.personality-game-description{font-size:1rem}.personality-game-button{font-size:1rem;max-width:280px;padding:14px 28px;width:100%}}@media (max-width:480px){.personality-game-section{margin:1rem auto;padding:25px 15px}.personality-game-badge{font-size:12px}.personality-game-title{font-size:1.4rem}.personality-game-description{font-size:.95rem}.personality-game-button{font-size:.95rem;padding:12px 24px}}.upload-section{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:40px 0 20px;overflow:hidden;padding:60px 40px;position:relative;scroll-margin-top:20px;width:100%}.upload-section:before{background:linear-gradient(135deg,#7122ac08,#25d36608);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.upload-section>*{position:relative;z-index:1}.upload-section-container{margin:0 auto;max-width:1000px}.upload-section h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#128c7e,#25d366);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}@media (max-width:1024px){.upload-section{padding:50px 30px}.upload-section h2{font-size:2.2rem}}@media (max-width:768px){.upload-section{border-radius:16px;margin:30px 0 15px;padding:40px 20px}.upload-section h2{font-size:2rem;margin-bottom:30px}}@media (max-width:480px){.upload-section{margin:20px 0 10px;padding:30px 16px}.upload-section h2{font-size:1.8rem;margin-bottom:25px}}.app-container,body,html{overflow-x:hidden;overscroll-behavior:none;overscroll-behavior-y:none}.app-container{max-width:100vw;width:100%}*{box-sizing:border-box}@media (max-width:360px){.upload-section{margin:15px 0 8px;padding:25px 12px}.upload-section h2{font-size:1.6rem;margin-bottom:20px}}@media (max-width:320px){.upload-section{margin:10px 0 5px;padding:20px 8px}.upload-section h2{font-size:1.4rem;margin-bottom:15px}}select.language-select{-webkit-appearance:none!important;appearance:none!important;background:#0000!important;border:none!important;box-shadow:none!important;font-size:16px!important;margin:0!important;min-width:80px!important;outline:none!important;padding:0!important}.language-switcher{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;color:#0e1318!important;color:var(--text-primary)!important;min-width:120px!important;padding:8px 12px!important}.language-switcher .language-select,.language-switcher select,.language-switcher select.language-select{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.language-switcher .language-select:active,.language-switcher .language-select:focus,.language-switcher select.language-select:active,.language-switcher select.language-select:focus,.language-switcher select:active,.language-switcher select:focus{border:none!important;box-shadow:none!important;outline:none!important}.stat-card .stat-value{font-size:1.2rem}.highlight-value{font-size:1.5rem!important}*{min-height:0;min-width:0}body{font-size:16px!important;line-height:1.5}h1:not(.modern-preview-container h1){font-size:max(28px,1.75rem)!important}h2:not(.modern-preview-container h2){font-size:max(24px,1.5rem)!important}h3:not(.modern-preview-container h3){font-size:max(20px,1.25rem)!important}h4:not(.modern-preview-container h4),h5:not(.modern-preview-container h5),h6:not(.modern-preview-container h6){font-size:max(16px,1rem)!important}.error-message{font-size:max(16px,1.1rem)!important;line-height:1.4;padding:20px}.loading-indicator,.loading-indicator p,.loading-text,a:not(.modern-preview-container a),button:not(.modern-preview-container button):not([class*=-cta]),input:not(.modern-preview-container input),select:not(.modern-preview-container select),textarea:not(.modern-preview-container textarea){font-size:max(14px,.875rem)!important}.analysis-title{font-size:max(32px,2rem)!important}.analysis-description{font-size:max(18px,1.125rem)!important}.profile-title{font-size:max(20px,1.25rem)!important}.profile-description{font-size:max(14px,.875rem)!important}.profile-user{font-size:max(20px,1.25rem)!important}.estadistica .valor{font-size:max(24px,1.5rem)!important}.analysis-badge,.estadistica .label,.estadistica .media-resto{font-size:max(16px,1rem)!important}.profile-detail-title{font-size:max(24px,1.5rem)!important}.profile-detail-description{font-size:max(16px,1rem)!important}@media (max-width:768px){body{font-size:14px!important}.analysis-title{font-size:max(24px,1.5rem)!important}.analysis-description{font-size:max(16px,1rem)!important}.profile-title{font-size:max(18px,1.125rem)!important}.profile-detail-title{font-size:max(20px,1.25rem)!important}}@media (max-width:480px){.estadistica .valor{font-size:max(20px,1.25rem)!important}}:not(.modern-preview-container *):not(.feature-card p):not(.process-card p):not([class*=-description]):not([class*=-cta]){font-size:max(inherit,10px)!important}.feature-card p,.process-card p{color:#666!important;font-size:18px!important;line-height:1.6!important;margin:0!important}.process-card p{text-align:center!important}.modern-preview-container{background:#7122ac;margin:0;max-width:none;overflow:hidden;padding:0;width:100%}.hero-section{align-items:center;display:flex;min-height:63vh;padding:60px 20px}.hero-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;pointer-events:none;top:0}.hero-content{grid-gap:60px;gap:60px;max-width:1200px;z-index:1}.hero-text{text-align:left}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:24px;text-shadow:0 2px 10px #0003}.whatsapp-highlight{color:#25d366;text-shadow:0 0 20px #25d36666}.hero-description{font-size:1.25rem;line-height:1.6;margin-bottom:40px;max-width:500px;opacity:.95}.hero-buttons{display:flex;gap:20px;margin-bottom:40px}.btn-primary{background:#25d366;border:none;border-radius:50px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px 32px;position:relative;transition:all .3s ease}.btn-primary:hover{background:#128c7e;box-shadow:0 8px 30px #25d36666;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:14px 30px;transition:all .3s ease}.btn-secondary:hover{background:#fff;color:#6a4c93;transform:translateY(-2px)}.hero-image{align-items:center;display:flex;justify-content:center}.mockup-container{border-radius:20px;box-shadow:0 20px 60px #0000004d;height:300px;max-width:400px;overflow:hidden;position:relative;transform:rotate(-3deg);transition:all .3s ease;width:100%}.mockup-container:hover{transform:rotate(0deg) scale(1.05)}.mockup-container img{display:block;height:100%;object-fit:cover;object-position:top center;width:100%}.expand-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.expand-button:hover{background:#000000e6;transform:scale(1.1)}.expand-icon{font-size:1.5rem;font-weight:700}.features-section{background:#f8f9fa;padding:100px 20px}.features-container{margin:0 auto;max-width:1200px;text-align:center}.features-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.features-title{color:#1a1a1a;font-size:3.325rem;font-weight:700;line-height:1.2;margin-bottom:20px}.features-description{color:#666;font-size:22px!important;line-height:1.6;margin:0 auto 60px;max-width:800px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:60px}.feature-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(90deg,#0000,#6a4c931a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.feature-icon-new{align-items:center;border-radius:20px;display:flex;height:80px;justify-content:center;margin:0 auto 24px;transition:all .3s ease;width:80px}.gradient-bg{background:linear-gradient(to bottom right,#25d366,#8a2be2)}.rotate-left{transform:rotate(-6deg)}.rotate-right{transform:rotate(6deg)}.feature-icon-large{font-size:64px;line-height:64px}.feature-icon-container{align-items:center;background:linear-gradient(135deg,#8b5fbf,#6a4c93);border-radius:50%;box-shadow:0 8px 30px #6a4c934d;display:flex;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.feature-icon{filter:brightness(0) invert(1);font-size:32px}.feature-card h3{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:12px}.feature-card p{color:#666;font-size:18px;line-height:1.6;margin:0}.security-section{background:#fff;padding:60px 20px;text-align:center}.security-badge-modern{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#8b5fbf,#6a4c93);border-radius:50px;box-shadow:0 8px 30px #6a4c934d;color:#fff;display:inline-flex;font-size:18px;font-weight:600;gap:12px;padding:16px 32px}.security-icon{font-size:20px}.imagen-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.imagen-modal-contenido{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:90%;max-width:90%;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}.imagen-modal-contenido::-webkit-scrollbar{width:8px}.imagen-modal-contenido::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.imagen-modal-contenido::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.imagen-modal-contenido::-webkit-scrollbar-thumb:hover{background:#555}.imagen-modal-contenido img{border-radius:20px;display:block;height:auto;width:100%}.cerrar-modal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:50px}.cerrar-modal:hover{background:#000000e6;transform:scale(1.1)}.upgrade-modal{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#7122ac26;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.upgrade-modal-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:550px;overflow:hidden;padding:50px 40px 40px;position:relative;text-align:center;width:100%}.upgrade-modal-content:before{background:linear-gradient(90deg,#25d366,#8a2be2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.upgrade-modal .close-button{align-items:center;background:#0000000d;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;min-width:auto;padding:0;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.upgrade-modal .close-button:hover{background:#0000001a;color:#333;transform:scale(1.1)}.upgrade-modal-content h2{color:#1a1a1a;font-size:2.8rem;font-weight:700;line-height:1.3;margin-bottom:28px}.upgrade-modal-content p{color:#555;font-size:1.5rem;line-height:1.6;margin-bottom:24px}.upgrade-modal-content p:last-of-type{color:#1a1a1a;font-size:1.6rem;font-weight:600;margin-bottom:40px}.upgrade-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.view-plans-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:50px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;font-size:1.4rem;font-weight:600;min-width:200px;overflow:hidden;padding:20px 40px;position:relative;transition:all .3s ease}.view-plans-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 8px 30px #25d36666;transform:translateY(-2px)}@media (max-width:768px){.upgrade-modal{padding:20px}.upgrade-modal-content{max-width:100%;padding:45px 25px 35px}.upgrade-modal-content h2{font-size:2.4rem}.upgrade-modal-content p{font-size:1.35rem}.upgrade-modal-content p:last-of-type{font-size:1.45rem}.upgrade-buttons{flex-direction:column;gap:12px}.view-plans-button{font-size:1.3rem;padding:20px 24px;width:100%}}@media (max-width:480px){.upgrade-modal-content{padding:40px 20px 30px}.upgrade-modal-content h2{font-size:2.1rem;margin-bottom:24px}.upgrade-modal-content p{font-size:1.25rem;margin-bottom:20px}.upgrade-modal-content p:last-of-type{font-size:1.35rem;margin-bottom:36px}.view-plans-button{font-size:1.2rem;padding:18px 32px}}@media (max-width:1024px){.hero-content{gap:40px;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.8rem}.features-grid{gap:30px;grid-template-columns:repeat(2,1fr)}.demo-title,.features-title,.process-title,.testimonials-title{font-size:2.925rem}.demo-description,.features-description,.process-description,.testimonials-description{font-size:20px!important}.testimonials-grid{gap:30px;grid-template-columns:1fr}.testimonial-card{margin:0 auto;max-width:600px}.demo-badge,.features-badge,.process-badge,.testimonials-badge{font-size:16px}.demo-content{gap:30px;grid-template-columns:1fr;margin-bottom:50px}.demo-card{padding:1.5rem}}@media (max-width:768px){.hero-section{min-height:50vh;padding:60px 20px}.hero-title{font-size:2.2rem;line-height:1.3}.hero-description{font-size:1.1rem}.hero-buttons{align-items:center;flex-direction:column;gap:15px}.btn-primary,.btn-secondary{font-size:1rem;max-width:280px;padding:14px 28px;width:100%}.features-section{padding:80px 20px}.demo-title,.features-title,.process-title,.testimonials-title{font-size:2.325rem;line-height:1.3}.demo-description,.features-description,.process-description,.testimonials-description{font-size:19px!important}.features-grid{gap:25px;grid-template-columns:1fr}.feature-card h3{font-size:20px}.feature-card p{font-size:16px}.mockup-container{height:250px;max-width:300px}.feature-icon-new{height:76px;width:76px}.feature-icon-large{font-size:32px}.process-section{padding:80px 20px}.process-grid{gap:30px;grid-template-columns:1fr}.process-card{padding:30px 20px}.process-card h3{font-size:20px}.process-card p{font-size:16px}.process-icon{height:60px;margin-top:1.5rem;width:60px}.process-svg{height:28px;width:28px}.process-cta-text{font-size:19px}.demo-cta-button,.process-cta-button{font-size:18px;padding:16px 32px}.demo-section{padding:80px 20px}.demo-content{gap:30px;grid-template-columns:1fr}.demo-card h3{font-size:20px}.profiles-section h4,.stats-section h4{font-size:19px}.participant-name,.percentage{font-size:16px}.psychology-content h4{font-size:22px!important}.psychology-content p{font-size:17px!important}.psychology-item{flex-direction:column;gap:15px;text-align:center}.avatar{font-size:1.2rem;height:50px;width:50px}.testimonials-grid{gap:25px;grid-template-columns:1fr}.testimonial-quote p{font-size:18px}.author-name{font-size:16px}.star{font-size:19px}.demo-badge,.features-badge,.process-badge,.testimonials-badge{font-size:14px}.time-chart{gap:4px;height:100px}.time-bar{width:90%}.time-label{font-size:12px}.psychology-tags{justify-content:center}.red-flag-item{flex-direction:column;gap:15px;text-align:center}.red-flags-section h4{font-size:19px}.red-flag-content h4{font-size:22px!important}.red-flag-content p{font-size:17px!important}.red-flag-tags{justify-content:center}.demo-cta-button{font-size:18px;max-width:280px;padding:16px 32px;width:100%}.profile-emoji{font-size:2.8rem;margin-right:18px}.profile-name{font-size:17px}.profile-user{font-size:24px}}@media (max-width:480px){.hero-section{min-height:auto;padding:50px 16px 60px}.hero-title{font-size:2rem;line-height:1.3}.hero-description{font-size:1rem}.demo-title,.features-title,.process-title,.testimonials-title{font-size:2.125rem;line-height:1.3}.demo-description,.features-description,.process-description,.testimonials-description{font-size:17px!important}.demo-section,.features-section,.process-section,.testimonials-section{padding:60px 16px}.feature-card{padding:25px 20px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}.feature-icon-new{height:70px;width:70px}.feature-icon-large{font-size:28px}.process-card{padding:25px 15px}.process-card h3{font-size:20px}.process-card p{font-size:15px}.process-number{font-size:20px;font-weight:700;height:50px;top:-20px;width:50px}.process-icon{height:50px;margin-top:1.2rem;width:50px}.process-svg{height:24px;width:24px}.process-cta-text{font-size:18px}.demo-cta-button,.process-cta-button{font-size:16px;max-width:280px;padding:14px 28px;width:100%}.demo-card h3{font-size:20px}.profiles-section h4,.stats-section h4{font-size:18px}.participant-name,.percentage{font-size:16px}.psychology-content h4{font-size:20px!important}.psychology-content p{font-size:16px!important}.avatar{font-size:1.1rem;height:45px;width:45px}.testimonial-quote p{font-size:16px}.author-name{font-size:15px}.star{font-size:18px}.demo-badge,.features-badge,.process-badge,.testimonials-badge{font-size:12px}.psychology-tags{justify-content:center}.red-flag-item{flex-direction:column;gap:15px;text-align:center}.red-flags-section h4{font-size:18px}.red-flag-content h4{font-size:20px!important}.red-flag-content p{font-size:16px!important}.red-flag-tags{justify-content:center}.demo-cta-button{font-size:16px;padding:14px 28px}.profile-emoji{font-size:2.4rem;margin-right:14px}.profile-name{font-size:17px!important}.profile-user{font-size:20px}}.process-section{background:#fff;padding:100px 20px}.process-container{margin:0 auto;max-width:1200px;text-align:center}.process-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.process-title{color:#1a1a1a;font-size:3.325rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center}.process-description{color:#666;font-size:22px!important;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.process-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:80px}.process-card{align-items:center;background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;display:flex;flex-direction:column;margin:0 auto;max-width:320px;padding:2rem;position:relative;transition:all .3s ease;width:100%}.process-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.process-number{background:linear-gradient(90deg,#25d366,#8a2be2);border-radius:50%;color:#fff;font-size:22px;font-weight:700;height:56px;left:50%;position:absolute;top:-24px;transform:translateX(-50%);width:56px}.process-icon,.process-number{align-items:center;display:flex;justify-content:center}.process-icon{height:6rem;margin-bottom:1.5rem;margin-top:2rem;width:6rem}.process-svg{stroke-width:2;color:#8a2be2;height:5rem;width:5rem}.process-card h3{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:12px}.process-card p{color:#666;font-size:18px;line-height:1.6;margin:0}.process-card p,.process-cta{text-align:center}.process-cta-text{color:#1a1a1a;font-size:21px;font-weight:600;margin-bottom:20px}.process-cta-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:50px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;font-size:19px;font-weight:600;padding:18px 36px;transition:all .3s ease}.process-cta-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.demo-section{background:#f8f9fa;padding:100px 20px}.demo-container{margin:0 auto;max-width:1200px;text-align:center}.demo-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.demo-title{color:#1a1a1a;font-size:3.325rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center}.demo-description{color:#666;font-size:22px!important;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.demo-content{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:60px}.demo-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:2rem;text-align:left}.demo-card h3{color:#1a1a1a;font-size:20px;font-weight:600;margin-bottom:20px}.stats-section{margin-bottom:2rem}.stats-section h4{color:#1a1a1a;font-size:21px;font-weight:600;margin-bottom:20px}.participation-list{display:flex;flex-direction:column;gap:.75rem}.participation-item{grid-gap:16px;align-items:center;display:grid;gap:16px;grid-template-columns:90px 1fr 60px;margin-bottom:8px}.participant-name{color:#1a1a1a;font-size:18px;font-weight:500;text-align:left}.progress-bar{background:#e5e7eb;box-shadow:inset 0 1px 3px #0000001a;height:12px;overflow:hidden}.progress-bar,.progress-fill{border-radius:6px;position:relative}.progress-fill{height:100%;transition:width .6s ease-in-out}.progress-fill:after{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);border-radius:6px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-fill.green{background:linear-gradient(90deg,#128c7e,#25d366);box-shadow:0 2px 4px #25d3664d}.progress-fill.purple{background:linear-gradient(90deg,#7b2cbf,#8a2be2);box-shadow:0 2px 4px #8a2be24d}.percentage{color:#1a1a1a;font-size:18px;font-weight:600;min-width:50px;text-align:right}.time-chart{align-items:flex-end;background:#f5f7fa80;border-radius:8px;display:flex;gap:8px;height:120px;margin-top:1rem;padding:10px 0}.time-slot{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px;height:100%;justify-content:flex-end}.time-bar{background:linear-gradient(0deg,#25d366,#8a2be2);border-radius:4px 4px 0 0;box-shadow:0 2px 8px #25d36633;min-height:8px;position:relative;transition:all .3s ease;width:80%}.time-bar:hover{box-shadow:0 4px 12px #25d3664d;transform:scaleY(1.1)}.time-label{color:#666;font-size:13px;font-weight:500;margin-top:4px;text-align:center}.green-avatar{background:#25d366}.purple-avatar{background:#8a2be2}.pink-avatar{background:#e91e63}.psychology-content h4{color:#1a1a1a;font-size:24px!important;font-weight:600;margin-bottom:8px}.psychology-content p{color:#666;font-size:19px!important;line-height:1.5;margin-bottom:12px}.tag{border-radius:20px;display:inline-block;font-size:14px;font-weight:500;margin-bottom:4px;margin-right:8px;padding:6px 12px}.tag.green{background:#25d366}.tag.purple{background:#8a2be2}.tag.pink{background:#e91e63}.profiles-section h4{color:#1a1a1a;font-size:21px;font-weight:600;margin-bottom:20px}.profiles-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.profile-item{align-items:center;background:#f5f7facc;border:1px solid #e5e7ebcc;border-radius:16px;display:flex;min-height:60px;padding:16px 18px;transition:all .3s ease}.profile-item:hover{background:#25d3660d;border-color:#25d36633;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.profile-emoji{flex-shrink:0;font-size:3.2rem;margin-right:20px}.profile-info{display:flex;flex-direction:column;flex-grow:1}.profile-name{color:#1a1a1a;font-size:18px!important;font-weight:600;margin-bottom:4px}.demo-cta{text-align:center}.demo-cta-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:50px;box-shadow:0 4px 20px #25d3664d;color:#fff;cursor:pointer;font-size:19px;font-weight:600;padding:18px 36px;transition:all .3s ease}.demo-cta-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transform:translateY(-2px)}.testimonials-section{background:#fff;padding:100px 20px}.testimonials-container{margin:0 auto;max-width:1200px;text-align:center}.testimonials-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.testimonials-title{color:#1a1a1a;font-size:3.325rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center}.testimonials-description{color:#666;font-size:22px!important;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.testimonials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);margin-top:60px}.testimonial-card{background:#fff;border:1px solid #f3f4f6;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:2rem;position:relative;text-align:left;transition:all .3s ease}.testimonial-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-5px)}.testimonial-quote{margin-bottom:1.5rem;position:relative}.quote-icon{color:#8a2be2;font-family:Georgia,serif;font-size:2.5rem;left:0;line-height:1;opacity:.3;position:absolute;top:-10px}.testimonial-quote p{color:#1a1a1a;font-size:18px;font-style:italic;line-height:1.6;margin-bottom:20px}.testimonial-author{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.author-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#8a2be2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:3rem;justify-content:center;width:3rem}.author-info{display:flex;flex-direction:column}.author-name{color:#1a1a1a;font-size:16px;font-weight:600}.testimonial-rating{display:flex;gap:.25rem}.star{color:gold;font-size:21px}@media (max-width:1024px){.testimonials-section{padding:80px 20px}.testimonials-grid{gap:30px;grid-template-columns:1fr}.testimonial-card{margin:0 auto;max-width:600px}}@media (max-width:768px){.testimonials-section{padding:80px 20px}.testimonials-title{font-size:2.2rem}.testimonials-grid{gap:25px;grid-template-columns:1fr}.testimonial-card{padding:1.5rem}.testimonial-quote p{font-size:18px}.author-avatar{font-size:18px;height:2.5rem;width:2.5rem}.author-name{font-size:16px}.star{font-size:19px}.profiles-grid{gap:1rem;grid-template-columns:1fr}.profile-item{min-height:60px;padding:14px 16px}.profile-emoji{font-size:2.8rem;margin-right:18px}.profile-name{font-size:19px!important}.profile-user{font-size:16px}.psychology-item{flex-direction:column;gap:15px;text-align:center}.psychology-tags{justify-content:center}.demo-cta-button{font-size:18px;max-width:280px;padding:16px 32px;width:100%}}@media (max-width:480px){.testimonials-title{font-size:2rem}.testimonial-card{padding:1.25rem}.testimonial-quote p{font-size:16px;padding-left:15px}.quote-icon{font-size:2.5rem;left:-8px;top:-8px}.author-avatar{font-size:16px;height:2rem;width:2rem}.author-name{font-size:15px}.star{font-size:18px}.profile-item{min-height:50px;padding:12px 14px}.profile-emoji{font-size:2.4rem;margin-right:14px}.profile-name{font-size:17px!important}.profile-user{font-size:18px}.demo-cta-button{font-size:16px;padding:14px 28px}}.red-flags-section{border-top:1px solid #f3f4f6;margin-top:2rem;padding-top:2rem}.red-flags-section h4{color:#1a1a1a;font-size:21px;font-weight:600;margin-bottom:20px}.red-flags-list{display:flex;flex-direction:column;gap:1.5rem}.red-flag-item{align-items:flex-start;display:flex;gap:1rem}.red-avatar{background:#dc2626;font-size:1.5rem}.red-flag-content h4{color:#dc2626;font-size:24px!important;font-weight:600;margin-bottom:8px}.red-flag-content p{color:#666;font-size:19px!important;line-height:1.5;margin-bottom:12px}.red-flag-tags{gap:.5rem}.tag.red{background:#dc2626;color:#fff}.privacy-link{color:#25d366;cursor:pointer;font-size:inherit;font-weight:500;text-decoration:underline;transition:all .3s ease}.privacy-link:hover{color:#128c7e;opacity:.8;text-decoration:underline}.privacy-link:visited{color:#25d366}.cookie-banner{animation:slideUp .4s ease;background:#fff;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#25d366,#8a2be2);background-origin:border-box;border-radius:16px;border-top:3px solid #0000;bottom:20px;box-shadow:0 10px 40px #00000026;left:20px;margin:0 auto;max-width:600px;padding:20px 24px;right:20px;z-index:999}.cookie-banner-content{flex-wrap:wrap;gap:20px}.cookie-banner-text{min-width:250px}.cookie-banner-text h4{color:#1a1a1a;font-size:1.3rem;font-weight:600;line-height:1.3;margin:0 0 8px}.cookie-banner-text p{color:#555;font-size:1.15rem;line-height:1.4}.cookie-accept-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:25px;box-shadow:0 2px 10px #25d36633;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.cookie-accept-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 4px 15px #25d3664d;transform:translateY(-1px)}.cookie-decline-button{background:#0000;border:1.5px solid #e5e7eb;border-radius:25px;color:#666;cursor:pointer;font-size:1.1rem;font-weight:600;padding:11px 22px;transition:all .3s ease;white-space:nowrap}.cookie-decline-button:hover{background:#f9fafb;border-color:#d1d5db;color:#1a1a1a;transform:translateY(-1px)}.cookie-settings-button{background:#0000;border:none;color:#8a2be2;cursor:pointer;font-size:1.05rem;font-weight:600;padding:12px 16px;text-decoration:underline;transition:all .3s ease;white-space:nowrap}.cookie-settings-button:hover{color:#6a4c93;opacity:.8}@media (max-width:768px){.cookie-banner{bottom:10px;left:10px;padding:18px 20px;right:10px}.cookie-banner-content{flex-direction:column;gap:16px;text-align:center}.cookie-banner-text{min-width:auto}.cookie-banner-text h4{font-size:1.2rem;margin-bottom:6px}.cookie-banner-text p{font-size:1.05rem}.cookie-banner-buttons{gap:12px;justify-content:center;width:100%}.cookie-accept-button,.cookie-decline-button{flex:1 1;font-size:1.05rem;padding:14px 18px}.cookie-settings-button{font-size:1rem;padding:10px 0}}@media (max-width:480px){.cookie-banner{padding:16px 18px}.cookie-banner-text h4{font-size:1.1rem}.cookie-banner-text p{font-size:1rem}.cookie-banner-buttons{flex-direction:column;gap:10px}.cookie-accept-button,.cookie-decline-button{font-size:1rem;padding:14px 24px;width:100%}.cookie-settings-button{font-size:.95rem}}.cookie-banner-inline{background:#fff;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),linear-gradient(90deg,#25d366,#8a2be2);background-origin:border-box;border-radius:16px;border-top:3px solid #0000;box-shadow:0 8px 30px #0000001a;margin:20px 0;padding:24px}.cookie-banner-inline .cookie-banner-content{display:block;text-align:center}.cookie-banner-inline .cookie-banner-text{margin-bottom:20px}.cookie-banner-inline .cookie-banner-text h4{font-size:1.4rem;margin-bottom:10px}.cookie-banner-inline .cookie-banner-text p{font-size:1.2rem}.cookie-banner-inline .cookie-banner-buttons{justify-content:center}.install-pwa-container{animation:slideInUp .5s ease-out;bottom:20px;position:fixed;right:20px;z-index:1000}.install-pwa-button{align-items:center;background:linear-gradient(90deg,#25d366,#8a2be2);border:2px solid #0000;border-radius:50px;box-shadow:0 8px 25px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:600;gap:15px;overflow:hidden;padding:22px 32px;position:relative;transition:all .3s ease}.install-pwa-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 12px 35px #25d36666;transform:translateY(-3px)}.install-pwa-button:active{box-shadow:0 6px 20px #25d3664d;transform:translateY(-1px)}.install-pwa-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.install-pwa-button:hover:before{left:100%}.install-icon{animation:pulse 2s infinite;font-size:2.2rem}@media (max-width:768px){.install-pwa-container{bottom:80px;display:flex;justify-content:center;left:15px;right:15px}.install-pwa-button{font-size:1.8rem;justify-content:center;max-width:400px;padding:24px 32px;width:100%}}@media (max-width:480px){.install-pwa-button{font-size:1.6rem;padding:20px 28px}.install-icon{font-size:1.8rem}}.analysis-section{background:#fff;border-left:5px solid #0000;border-radius:20px;box-shadow:0 8px 25px #0000001a;margin-bottom:25px;overflow:hidden;padding:30px;position:relative}.analysis-section:before{background:var(--section-gradient);content:"";height:4px;left:0;position:absolute;right:0;top:0}.analysis-section-title{align-items:center;background:var(--section-bg);border:1px solid var(--section-border);border-radius:16px;display:flex;gap:15px;margin-bottom:25px;padding:20px 25px}.analysis-section-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem}.analysis-section-title h2{-webkit-text-fill-color:#0000;background:var(--section-gradient);background-clip:text;-webkit-background-clip:text;color:#1a1a1a;font-size:1.8rem;font-weight:700;margin:0}.analysis-personalities{--section-gradient:linear-gradient(135deg,#25d366,#128c7e);--section-bg:#25d3660d;--section-border:#25d36633;border-left-color:#25d366}.analysis-alerts{--section-gradient:linear-gradient(135deg,#ff9800,#f57c00);--section-bg:#ff98000d;--section-border:#ff980033;border-left-color:#ff9800}.analysis-relationship{--section-gradient:linear-gradient(135deg,#e91e63,#c2185b);--section-bg:#e91e630d;--section-border:#e91e6333;border-left-color:#e91e63}.analysis-recommendations{--section-gradient:linear-gradient(135deg,#2196f3,#1976d2);--section-bg:#2196f30d;--section-border:#2196f333;border-left-color:#2196f3}.analysis-phrases{--section-gradient:linear-gradient(135deg,#9c27b0,#7b1fa2);--section-bg:#9c27b00d;--section-border:#9c27b033;border-left-color:#9c27b0}.analysis-redflags{--section-gradient:linear-gradient(135deg,#f44336,#d32f2f);--section-bg:#f443360d;--section-border:#f4433633;border-left-color:#f44336}.analysis-psychological{--section-gradient:linear-gradient(135deg,#8a2be2,#6a4c93);--section-bg:#8a2be20d;--section-border:#8a2be233;border-left-color:#8a2be2}.analysis-subsection{margin-bottom:20px}.analysis-subsection h3{align-items:center;background:#f5f7facc;border-left:4px solid var(--section-color);border-radius:12px;color:#1a1a1a;display:flex;font-size:1.3rem;font-weight:600;gap:12px;margin-bottom:15px;padding:12px 18px}.analysis-subsection h3:before{content:var(--subsection-icon);font-size:1.4rem}.analysis-personalities .analysis-subsection h3{--section-color:#25d366;--subsection-icon:"👤"}.analysis-alerts .analysis-subsection h3{--section-color:#ff9800;--subsection-icon:"⚠️"}.analysis-relationship .analysis-subsection h3{--section-color:#e91e63;--subsection-icon:"💕"}.analysis-redflags .analysis-subsection h3{--section-color:#f44336;--subsection-icon:"🚩"}.personality-card{background:#fff;border:2px solid #25d3661a;border-radius:16px;margin-bottom:16px;padding:20px;position:relative;transition:all .3s ease}.personality-card:hover{border-color:#25d3664d;box-shadow:0 8px 25px #25d36626;transform:translateY(-2px)}.personality-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.personality-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 4px 12px #25d3664d;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:50px;justify-content:center;width:50px}.personality-name{color:#1a1a1a;font-size:1.4rem;font-weight:600;margin:0}.personality-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:12px}.personality-tags{display:flex;flex-wrap:wrap;gap:8px}.personality-tag{background:linear-gradient(135deg,#25d366,#128c7e);border-radius:20px;box-shadow:0 2px 8px #25d36633;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px}.red-flag-card{background:linear-gradient(135deg,#f443360d,#f4433605);border:2px solid #f4433633;border-radius:16px;margin-bottom:16px;padding:20px;position:relative}.red-flag-header{align-items:center;display:flex;gap:15px;margin-bottom:12px}.red-flag-icon{align-items:center;background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:50%;box-shadow:0 4px 12px #f443364d;color:#fff;display:flex;font-size:1.8rem;height:50px;justify-content:center;width:50px}.red-flag-title{color:#d32f2f;font-size:1.3rem;font-weight:600;margin:0}.red-flag-description{color:#555;font-size:1.05rem;line-height:1.6;margin-bottom:12px}.red-flag-tags{display:flex;flex-wrap:wrap;gap:8px}.red-flag-tag{background:linear-gradient(135deg,#f44336,#d32f2f);border-radius:20px;box-shadow:0 2px 8px #f4433633;color:#fff;font-size:.9rem;font-weight:500;padding:6px 12px}@media (max-width:768px){.analysis-section{margin-bottom:20px;padding:20px}.analysis-section-title{flex-direction:column;gap:10px;padding:16px 20px;text-align:center}.analysis-section-icon{font-size:2rem}.analysis-section-title h2{font-size:1.5rem}.personality-header,.red-flag-header{flex-direction:column;gap:10px;text-align:center}.personality-avatar,.red-flag-icon{font-size:1.3rem;height:45px;width:45px}}@media (max-width:480px){.analysis-section{padding:16px}.analysis-section-title{padding:14px 16px}.analysis-section-title h2{font-size:1.3rem}.personality-card,.red-flag-card{padding:16px}.personality-tags,.red-flag-tags{justify-content:center}}@media (max-width:360px){.hero-section{min-height:auto;padding:40px 12px 50px}.hero-title{font-size:1.8rem;line-height:1.2}.hero-description{font-size:.9rem;line-height:1.4}.demo-title,.features-title,.process-title,.testimonials-title{font-size:1.925rem;line-height:1.2}.demo-description,.features-description,.process-description,.testimonials-description{font-size:15px}.demo-section,.features-section,.process-section,.testimonials-section{padding:50px 12px}.demo-card,.feature-card,.process-card,.testimonial-card{padding:20px 16px}.btn-primary,.btn-secondary,.demo-cta-button,.process-cta-button{font-size:14px;max-width:260px;padding:12px 20px}.mockup-container{height:180px;max-width:200px}}@media (max-width:320px){.hero-section{min-height:auto;padding:30px 8px 40px}.hero-title{font-size:1.6rem;line-height:1.1}.hero-description{font-size:.85rem;line-height:1.3}.demo-title,.features-title,.process-title,.testimonials-title{font-size:1.725rem;line-height:1.1}.demo-description,.features-description,.process-description,.testimonials-description{font-size:14px}.demo-section,.features-section,.process-section,.testimonials-section{padding:40px 8px}.demo-card,.feature-card,.process-card,.testimonial-card{padding:16px 12px}.btn-primary,.btn-secondary,.demo-cta-button,.process-cta-button{font-size:13px;max-width:240px;padding:10px 16px}.mockup-container{height:160px;max-width:180px}.feature-icon-new{height:60px;width:60px}.feature-icon-large{font-size:24px}.process-number{font-size:16px}.process-icon,.process-number{height:40px;width:40px}.process-svg{height:20px;width:20px}.avatar{font-size:1rem;height:40px;width:40px}}.feature-icon-new .feature-icon-large{font-size:48px!important;line-height:48px!important}.chat-analysis-container{background-color:initial;border-radius:0;box-shadow:none;font-family:Arial,sans-serif;font-size:18px;line-height:1.6;margin:0 auto 30px;max-width:1200px;padding:0}#analysisResults h2,#analysisResults h2[style],#analysisResults.chat-analysis-container h2,#analysisResults>h2.psychology-section-title,.chat-analysis-container h2{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,#25d366,#8a2be2)!important;background-clip:text!important;-webkit-background-clip:text!important;border-bottom:none!important;color:#0000!important;display:block!important;font-size:1.5rem!important;font-weight:600!important;letter-spacing:.1em!important;line-height:1.3!important;margin-bottom:12px!important;margin-top:30px!important;padding-bottom:0!important;text-transform:uppercase!important}.chat-analysis-container h2 .emoji{font-size:1.8rem;margin-right:10px}.chat-analysis-container h3{align-items:center!important;background-color:#e8eaf6!important;border-radius:6px!important;color:#444!important;display:flex!important;font-size:1.2rem!important;font-weight:600!important;line-height:1.4!important;margin-bottom:12px!important;margin-top:20px!important;padding:10px 16px!important}.chat-analysis-container h3 .emoji{font-size:1.3rem;margin-left:10px}.chat-analysis-container ul{font-size:1rem!important;padding-left:20px}.chat-analysis-container li{color:#333!important;font-size:1rem!important;line-height:1.7;line-height:1.7!important;margin-bottom:12px}.evaluation{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:15px 0}.evaluation-item{background-color:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;padding:12px}.evaluation-item strong{color:#5c6bc0;display:block;font-size:16px!important;font-weight:600!important;margin-bottom:5px}.recommendations{background-color:#e3f2fd;border-radius:6px;margin-top:20px;padding:15px}.recommendation-item{margin-bottom:10px;padding-left:20px;position:relative}.recommendation-item:before{color:#1976d2;content:"→";left:0;position:absolute}.personality-traits{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:15px 0}.trait-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #00000014;padding:8px 12px}.trait-item strong{color:#5c6bc0;display:block;font-size:.85rem;margin-bottom:3px}.alerts{background-color:#ffebee;border-left:4px solid #f44336;border-radius:6px;padding:12px 15px}.alerts li{color:#d32f2f}@media (max-width:600px){.evaluation,.personality-traits{grid-template-columns:1fr}}@media (max-width:1024px){.chat-analysis-container{max-width:90%;padding:0}}@media (max-width:768px){.chat-analysis-container{margin:0 auto 20px;max-width:95%;padding:0}}@media (max-width:480px){.chat-analysis-container{border-radius:0;margin:0 auto 15px;max-width:100%;padding:0}.chat-analysis-container ul{font-size:17px!important}.chat-analysis-container li{margin-bottom:12px!important}.chat-analysis-container li,.chat-analysis-container p{font-size:17px!important;line-height:1.7!important}}.psychology-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.psychology-item{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.psychology-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:3rem;justify-content:center;text-transform:uppercase;width:3rem}.green-avatar{background:linear-gradient(135deg,#25d366,#1b9e50);box-shadow:0 4px 12px #25d3664d}.purple-avatar{background:linear-gradient(135deg,#8a2be2,#6a1b9a);box-shadow:0 4px 12px #8a2be24d}.pink-avatar{background:linear-gradient(135deg,#e91e63,#ad1457);box-shadow:0 4px 12px #e91e634d}.blue-avatar{background:linear-gradient(135deg,#2196f3,#1976d2);box-shadow:0 4px 12px #2196f34d}.orange-avatar{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 4px 12px #ff98004d}.red-avatar{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 4px 12px #f443364d}.yellow-avatar{background:linear-gradient(135deg,#ffeb3b,#f9a825);box-shadow:0 4px 12px #ffeb3b4d;color:#333}.teal-avatar{background:linear-gradient(135deg,#009688,#00695c);box-shadow:0 4px 12px #0096884d}.psychology-content{flex:1 1}.psychology-content h4,.subsection-header h4{color:#1a1a1a!important;font-weight:700!important}.psychology-content :not([class*=-description]):not([class*=-cta]),.psychology-content li,.psychology-content li strong,.psychology-content p,.psychology-content p strong,.psychology-content p:not([class*=-description]):not([class*=-cta]),.psychology-content strong,.psychology-content ul,.psychology-content ul li,.psychology-content ul li p,.psychology-content ul li ul li{color:#333!important;font-size:inherit!important;line-height:1.7!important;margin-bottom:15px!important;text-decoration:none!important}.psychology-content li strong,.psychology-content p strong,.psychology-content strong,.subsection-content strong{color:#111!important;font-weight:700!important}.psychology-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{border:none!important;border-radius:20px!important;color:#fff!important;display:inline-block!important;font-size:14px!important;font-weight:500!important;margin-bottom:4px!important;margin-right:8px!important;padding:8px 14px!important;transition:all .3s ease!important}.tag:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.tag.green{background:linear-gradient(135deg,#25d366,#1b9e50)}.tag.purple{background:linear-gradient(135deg,#8a2be2,#6a1b9a)}.tag.pink{background:linear-gradient(135deg,#e91e63,#ad1457)}.tag.blue{background:linear-gradient(135deg,#2196f3,#1976d2)}.tag.orange{background:linear-gradient(135deg,#ff9800,#f57c00)}.tag.red{background:linear-gradient(135deg,#f44336,#d32f2f)}.tag.yellow{background:linear-gradient(135deg,#ffeb3b,#f9a825);color:#333}.tag.teal{background:linear-gradient(135deg,#009688,#00695c)}@media (max-width:768px){.psychology-item{gap:.75rem;padding:1rem}.avatar{font-size:1rem;height:2.5rem;width:2.5rem}.psychology-content h4,.psychology-content li,.psychology-content li strong,.psychology-content p,.psychology-content p strong,.psychology-content strong,.psychology-content ul,.psychology-content ul li,.psychology-content ul li p,.psychology-content ul li ul li{font-size:20px!important}.psychology-tags{gap:.25rem}.tag{font-size:13px!important;margin-right:4px!important;padding:6px 10px!important}}@media (max-width:480px){.psychology-content li,.psychology-content li strong,.psychology-content p,.psychology-content p strong,.psychology-content strong,.psychology-content ul,.psychology-content ul li,.psychology-content ul li p,.psychology-content ul li ul li{font-size:18px!important}}.subsections-container{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.subsection-item{background:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:all .3s ease}.subsection-item:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.subsection-header{background:#0000;border-bottom:none;padding:1.5rem 1.5rem 1rem;text-align:center}.subsection-header h4{align-items:center!important;color:#1a1a1a!important;display:flex!important;font-size:1.1rem!important;font-weight:600!important;gap:10px!important;justify-content:center!important;line-height:1.3!important;margin:0!important}.subsection-header .subsection-icon{display:inline-block;font-size:22px}.subsection-content{line-height:1.6;padding:1.5rem}.subsection-content p{color:#333!important;font-size:1rem!important;line-height:1.7!important;margin-bottom:15px!important}.subsection-content ul{margin:15px 0!important;padding-left:20px!important}.subsection-content li{color:#333!important;font-size:1rem!important;line-height:1.7!important;margin-bottom:12px!important}.subsection-content strong{color:#111!important;font-weight:700!important}.subsection-item.alert-section .subsection-content strong[style*="color: #dc3545"]{color:#dc3545!important}.tag.red{background:linear-gradient(135deg,#dc3545,#c82333);border:none;border-radius:20px!important;color:#fff!important;display:inline-block!important;font-size:14px!important;font-weight:500!important;margin-bottom:4px!important;margin-right:8px!important;padding:8px 14px!important;transition:all .3s ease!important}.tag.red:hover{box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}@media (max-width:768px){.subsection-header{padding:1.2rem 1.2rem .8rem}.subsection-header h4{font-size:18px!important;gap:8px!important}.subsection-header .subsection-icon{font-size:20px}.subsection-content{padding:1.2rem}.subsection-content li,.subsection-content p{font-size:17px!important}}@media (max-width:480px){.subsections-container{gap:1rem;margin:1.5rem 0}.subsection-header{padding:1rem .8rem .6rem}.subsection-header h4{font-size:16px!important;gap:6px!important}.subsection-header .subsection-icon{font-size:18px}.subsection-content{padding:1rem}.subsection-content li,.subsection-content p{font-size:17px!important}}.analysis-special-title{-webkit-text-fill-color:#0000!important;background:linear-gradient(90deg,#25d366,#8a2be2)!important;background-clip:text!important;-webkit-background-clip:text!important;border-bottom:none!important;color:#0000!important;display:block!important;font-size:18px!important;font-weight:600!important;letter-spacing:.1em!important;line-height:1.3!important;margin-bottom:20px!important;margin-top:40px!important;padding-bottom:0!important;text-align:center!important;text-transform:uppercase!important}.games-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:2rem auto;max-width:800px}.game-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.game-card:before{background:linear-gradient(90deg,#0000,#6a4c931a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.game-card:hover:before{left:100%}.game-card:hover{box-shadow:0 8px 30px #00000026;transform:translateY(-5px)}.game-icon{align-items:center;background:linear-gradient(135deg,#25d366,#8a2be2);border-radius:50%;box-shadow:0 4px 15px #25d3664d;display:flex;font-size:2rem;height:4rem;justify-content:center;margin-bottom:1.5rem;width:4rem}.game-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}.game-title{color:#1a1a1a!important;font-size:2.5rem!important;font-weight:700!important;line-height:1.3!important;margin-bottom:16px!important}.game-description{color:#666;font-size:18px;line-height:1.5}.game-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:15px}.game-link{border-radius:4px!important;color:#25d366!important;cursor:pointer!important;font-size:18px!important;font-weight:600!important;padding:4px 8px!important;text-decoration:underline!important;transition:all .3s ease!important}.game-link:hover{background-color:#25d3661a!important;color:#128c7e!important;text-decoration:none!important;transform:translateY(-1px)!important}.game-button{background:linear-gradient(90deg,#25d366,#8a2be2)!important;border:none!important;border-radius:50px!important;box-shadow:0 4px 15px #25d3664d!important;color:#fff!important;cursor:pointer!important;flex:0 1 auto!important;font-size:18px!important;font-weight:600!important;max-width:200px!important;min-width:160px!important;padding:12px 20px!important;text-align:center!important;transition:all .3s ease!important;white-space:nowrap!important}@media (min-width:769px){.game-button{max-width:200px!important;min-width:160px!important}}.game-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf)!important;box-shadow:0 6px 20px #25d36666!important;transform:translateY(-2px)!important}.game-button:active{transform:translateY(0)!important}@media (max-width:768px){.games-container{gap:1.5rem;grid-template-columns:1fr;margin:1.5rem 0}.game-card{padding:1.5rem}.game-icon{font-size:1.5rem;height:3rem;margin-bottom:1rem;width:3rem}.game-title{font-size:2.2rem!important}.game-description{font-size:16px!important}.game-buttons{align-items:center;flex-direction:column;gap:15px}.game-link{font-size:17px!important;margin-bottom:5px!important}.game-button{font-size:16px!important;max-width:none!important;min-width:0!important;padding:14px 22px!important}}@media (max-width:480px){.game-card{padding:1.2rem}.game-title{font-size:2rem!important}.game-description{margin-bottom:20px!important}.game-buttons{align-items:center;flex-direction:column;gap:12px}.game-link{font-size:16px!important;margin-bottom:3px!important}.game-button{font-size:15px!important;max-width:none!important;min-width:0!important;padding:12px 18px!important}}.share-game-modal{background-color:#00000080;height:100%;width:100%}.share-game-modal-content{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-height:80vh;overflow-y:auto;padding:2rem}.close-modal{color:#666;font-size:28px;font-weight:700;right:20px}.share-game-modal h3{color:#333;font-size:1.5rem;margin-bottom:1rem;margin-top:0;text-align:center}.share-game-modal p{color:#666;line-height:1.6;margin-bottom:1.5rem;text-align:center}.game-url-container{gap:10px;margin-bottom:1.5rem}.game-url-container input{border:2px solid #e0e0e0;border-radius:8px;outline:none;padding:12px;transition:border-color .3s ease}.game-url-container input:focus{border-color:#25d366}.game-url-container button{background:linear-gradient(90deg,#25d366,#8a2be2);border-radius:8px;font-weight:600;transition:all .3s ease}.game-url-container button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);transform:translateY(-1px)}.copied-message{animation:slideInFromTop .4s cubic-bezier(.68,-.55,.265,1.55),fadeOutAfter 2.5s ease-in-out;right:0;top:-55px}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-15px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.share-options{justify-content:center;margin-bottom:1.5rem}.whatsapp-share{background:#25d366;border-radius:50px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.whatsapp-share:hover{background:#128c7e;box-shadow:0 4px 12px #25d3664d;transform:translateY(-2px)}.close-modal-button{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.close-modal-button:hover{background:#e0e0e0;color:#333}@media (max-width:768px){.share-game-modal-content{padding:1.5rem;width:95%}.game-url-container{flex-direction:column}.game-url-container button{width:100%}.copied-message{font-size:13px;padding:6px 12px;right:50%;top:-35px;transform:translateX(50%)}}.game-phrases-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:20px 0;padding:20px}.game-phrase-item{background:#fff;border-left:4px solid #25d366;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:12px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.game-phrase-item:hover{box-shadow:0 4px 15px #0000001f;transform:translateY(-2px)}.game-phrase-item:last-child{margin-bottom:0}.phrase-player{align-items:center;display:flex;font-size:1rem;font-weight:700;margin-bottom:8px}.phrase-player:before{content:"🗣️";font-size:16px;margin-right:8px}.phrase-text{background:#f8f9fa;border-left:3px solid #e9ecef;border-radius:6px;color:#444;font-size:.95rem;font-style:italic;line-height:1.5;margin-left:24px;padding:12px}.phrase-text:before{content:"💬 ";margin-right:5px;opacity:.7}@media (max-width:768px){.game-phrases-container{margin:15px 0;padding:15px}.game-phrase-item{padding:12px}.phrase-player{font-size:16px}.phrase-text{font-size:15px;margin-left:20px;padding:10px}}@media (max-width:480px){.game-phrases-container{padding:12px}.phrase-text{margin-left:0}.phrase-player{font-size:15px}.phrase-text{font-size:14px}}.chart-container{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;height:auto!important;margin:30px 0;min-height:400px;padding:20px;position:relative}.analysis-module>div>div:nth-child(3){min-height:350px!important}.analysis-module>div>div:nth-child(3) .recharts-responsive-container,.analysis-module>div>div:nth-child(3) .recharts-wrapper{height:300px!important;min-height:300px!important}.chart-container .recharts-responsive-container{height:auto!important;margin-bottom:30px!important;min-height:400px;width:100%!important}.chart-container .recharts-wrapper{height:auto!important;margin:0 auto!important;min-height:400px!important;width:100%!important}.chart-container .recharts-legend-wrapper{bottom:-25px!important;left:0!important;padding:0!important;position:absolute!important;width:100%!important}.chart-container .recharts-default-legend{margin:0!important;padding:0!important;text-align:center!important}.chart-container .recharts-legend-item{display:inline-block!important;margin-bottom:0!important;margin-right:10px!important}.chart-container .recharts-surface{overflow:visible!important}.chart-container h3{color:#444;font-size:18px;margin-bottom:20px;margin-top:0;text-align:center}.recharts-wrapper{height:100%!important;margin:0 auto!important;min-height:300px!important}.recharts-surface{overflow:visible!important}.recharts-bar-rectangle{opacity:.9}.recharts-bar-rectangle.recharts-bar-rectangle-0 path,.recharts-bar-rectangle.recharts-bar-rectangle-1 path,.recharts-bar-rectangle.recharts-bar-rectangle-2 path{stroke-width:0}.recharts-label-list text{fill:#fff!important;font-size:11px;font-weight:700;text-shadow:0 0 3px #000000b3}.recharts-xAxis .recharts-cartesian-axis-tick-value{text-anchor:end}.recharts-reference-line line{stroke:#aaa;stroke-width:1;stroke-dasharray:3 3}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ccc;stroke-dasharray:3 3}.recharts-cartesian-axis-line{stroke:#666;stroke-width:1}.recharts-cartesian-axis-tick-line{stroke:#666}.recharts-cartesian-axis-tick-value{fill:#666;font-size:12px}.recharts-tooltip-wrapper{z-index:1000}.recharts-default-tooltip{background-color:#fffffff2!important;border:1px solid #ccc!important;border-radius:5px!important;box-shadow:0 2px 5px #0000001a!important;padding:10px!important}@media (max-width:768px){.chart-container{margin:20px 0;padding:15px}.analysis-module>div>div:nth-child(3){min-height:300px!important}.analysis-module>div>div:nth-child(3) .recharts-responsive-container,.analysis-module>div>div:nth-child(3) .recharts-wrapper{height:250px!important;min-height:250px!important}.chart-container .recharts-legend-wrapper{bottom:-20px!important}.chart-container h3{font-size:16px}.chart-container .recharts-label-list text{font-size:9px}}.analysis-module>div>div:nth-child(7),.tiempo-respuesta-chart{margin-bottom:60px}.analysis-module>div>div:nth-child(7) .recharts-legend-wrapper{bottom:0!important;left:0!important;padding-top:5px!important;position:absolute!important;width:100%!important}.chart-container:has(h3:contains("Interest Trend")){margin-bottom:100px!important}.chart-container:has(h3:contains("Interest Trend")) .recharts-wrapper{margin-bottom:40px!important}.chart-container:has(h3:contains("Interest Trend")) .recharts-legend-wrapper{bottom:-40px!important}.chart-container:has(h3:contains("Interest Trend")) .recharts-surface{margin-bottom:20px!important;overflow:visible!important}@media (max-width:768px){.chart-container:has(h3:contains("Interest Trend")){margin:20px 0;padding:15px}.chart-container:has(h3:contains("Interest Trend")) h3{font-size:16px}.chart-container:has(h3:contains("Interest Trend")) .recharts-label-list text{font-size:9px}}.chart-container:has(h3:contains("Activity by Day of the Week")){margin-bottom:60px}.chart-container:has(h3:contains("Activity by Day of the Week")) .recharts-responsive-container{margin-bottom:30px!important}.chart-container:has(h3:contains("Activity by Day of the Week")) .recharts-legend-wrapper{bottom:-25px!important;left:0!important;padding:0!important;position:absolute!important;width:100%!important}@media (max-width:768px){.chart-container:has(h3:contains("Activity by Day of the Week")){margin:20px 0;padding:15px}.chart-container:has(h3:contains("Activity by Day of the Week")) .recharts-legend-wrapper{bottom:-20px!important}.chart-container:has(h3:contains("Activity by Day of the Week")) h3{font-size:16px}.chart-container:has(h3:contains("Activity by Day of the Week")) .recharts-label-list text{font-size:9px}}.analysis-module>div>div:nth-child(4){margin-bottom:60px}.analysis-module>div>div:nth-child(4) .recharts-responsive-container{margin-bottom:30px!important}.analysis-module>div>div:nth-child(4) .recharts-legend-wrapper{bottom:-25px!important;left:0!important;padding:0!important;position:absolute!important;width:100%!important}@media (max-width:768px){.chart-container{margin:20px 0;padding:15px}.analysis-module>div>div:nth-child(4) .recharts-legend-wrapper,.chart-container .recharts-legend-wrapper{bottom:-20px!important}.chart-container h3{font-size:16px}.chart-container .recharts-label-list text{font-size:9px}}.analysis-module>div>div:nth-child(4){min-height:350px!important}.analysis-module>div>div:nth-child(4) .recharts-responsive-container,.analysis-module>div>div:nth-child(4) .recharts-wrapper{height:300px!important;min-height:300px!important}@media (max-width:768px){.chart-container{margin:20px 0;padding:15px}.analysis-module>div>div:nth-child(4){min-height:300px!important}.analysis-module>div>div:nth-child(4) .recharts-responsive-container,.analysis-module>div>div:nth-child(4) .recharts-wrapper{height:250px!important;min-height:250px!important}.chart-container .recharts-legend-wrapper{bottom:-20px!important}.chart-container h3{font-size:16px}.chart-container .recharts-label-list text{font-size:9px}}.analysis-module>div>div:nth-child(5){min-height:350px!important}.analysis-module>div>div:nth-child(5) .recharts-responsive-container,.analysis-module>div>div:nth-child(5) .recharts-wrapper{height:300px!important;min-height:300px!important}.analysis-module>div>div:nth-child(3) .recharts-legend-wrapper,.analysis-module>div>div:nth-child(4) .recharts-legend-wrapper,.analysis-module>div>div:nth-child(5) .recharts-legend-wrapper{display:none!important}.analysis-module>div>div:nth-child(3) h3:after,.analysis-module>div>div:nth-child(4) h3:after,.analysis-module>div>div:nth-child(5) h3:after{color:#666;content:" (Mensajes)";font-size:.9em;margin-left:5px}@media (max-width:768px){.chart-container{margin:20px 0;padding:15px}.analysis-module>div>div:nth-child(5){min-height:300px!important}.analysis-module>div>div:nth-child(5) .recharts-responsive-container,.analysis-module>div>div:nth-child(5) .recharts-wrapper{height:250px!important;min-height:250px!important}.chart-container .recharts-legend-wrapper{bottom:-20px!important}.chart-container h3{font-size:16px}.chart-container .recharts-label-list text{font-size:9px}}.whatsapp-instructions{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:0 auto 40px;max-width:900px;overflow:visible;padding:80px 40px 40px;position:relative}.whatsapp-instructions:before{background:linear-gradient(135deg,#7122ac0d,#25d3660d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.whatsapp-instructions>*{position:relative;z-index:1}.whatsapp-instructions h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:40px;text-align:center}.platform-selector{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:40px}.platform-button{align-items:center;background:#fff;border:2px solid #0000;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#4a4a4a;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:56px;justify-content:center;min-width:120px;padding:16px 32px;transition:all .3s ease}.platform-button.active{background:#fff;border:3px solid #25d366;box-shadow:0 8px 25px #25d3664d;color:#25d366;font-weight:700;transform:translateY(-2px)}.platform-button:hover:not(.active){background-color:#f8f9fa;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.platform-button:focus{box-shadow:0 0 0 4px #25d3664d;outline:none}.instruction-tabs{background:#f8f9fa;border-radius:16px;display:flex;gap:8px;justify-content:center;margin-bottom:0;margin-left:auto;margin-right:auto;max-width:400px;padding:8px}.tab-button{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#6b7280;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;min-height:48px;padding:16px 24px;transition:all .3s ease}.tab-button.active{background:#fff;border:3px solid #25d366;box-shadow:0 4px 15px #25d3664d;color:#25d366;font-weight:700;transform:translateY(-2px)}.tab-button:hover:not(.active){background:#fff;box-shadow:0 4px 12px #00000026;color:#374151;transform:translateY(-1px)}.instruction-carousel{margin-bottom:30px}.carousel-container,.instruction-carousel{align-items:center;display:flex;flex-direction:column;overflow:visible;width:100%}.carousel-container{margin:0 auto;max-width:700px;min-height:400px;padding-top:40px;position:relative}.carousel-slides{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #25d3661a;border-radius:20px;margin:0 auto;min-height:300px;overflow:visible;position:relative;width:100%}.carousel-slide{align-items:center;animation:fadeIn .5s ease-in-out;box-sizing:border-box;cursor:pointer;display:none;flex-direction:column;height:100%;justify-content:center;overflow:visible;padding:40px 20px;text-align:center;transition:transform .3s ease;width:100%}.carousel-slide:hover{transform:scale(1.02)}.carousel-slide:active{transform:scale(.98)}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.carousel-slide.active{display:flex}.carousel-slide.exiting{animation:fadeOut .3s ease-in forwards}.slide-content{align-items:center;display:flex;flex-direction:column;max-width:600px;width:100%}.slide-icon{background:linear-gradient(135deg,#25d366,#7122ac);border-radius:50%;box-shadow:0 10px 30px #25d3664d;color:#fff;font-size:4rem}.slide-content .process-icon,.slide-icon{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:24px;width:120px}.slide-content .process-icon{background:#0000;border:3px solid #25d366;border-radius:50%;box-shadow:none;transition:all .3s ease}.slide-content .process-icon:hover{box-shadow:0 0 20px #25d3664d;transform:translateY(-5px)}.slide-content .process-icon.green-border{border-color:#25d366}.slide-content .process-icon.purple-border{border-color:#8a2be2}.slide-content .process-icon.green-border:hover{box-shadow:0 0 20px #25d3664d}.slide-content .process-icon.purple-border:hover{box-shadow:0 0 20px #8a2be24d}.slide-content .process-svg{stroke-width:2;height:4rem;width:4rem}.slide-content .emoji-icon{display:block;font-size:4.5rem;line-height:1}.slide-text{margin:0 auto;max-width:500px;text-align:center;width:100%}.slide-title{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 16px;text-align:center}.slide-description{color:#4a5568;font-size:18px;line-height:1.6;margin:0 auto;max-width:90%;text-align:center}.carousel-button{align-items:center;background:linear-gradient(135deg,#25d366,#7122ac);border:none;border-radius:50%;box-shadow:0 4px 15px #25d3664d;color:#fff;cursor:pointer;display:flex;font-size:20px;height:48px;justify-content:center;margin:0 15px;transition:all .3s ease;width:48px;z-index:10}.carousel-button:hover{background:linear-gradient(135deg,#128c7e,#5a1a87);box-shadow:0 6px 20px #25d36666;transform:translateY(-2px)}.carousel-button:focus{box-shadow:0 0 0 4px #25d3664d;outline:none}.carousel-indicators{display:flex;gap:12px;justify-content:center;margin-top:30px}.indicator{background:#d1d5db;border:none;border-radius:50%;cursor:pointer;height:12px;transition:all .3s ease;width:12px}.indicator.active{background:linear-gradient(135deg,#25d366,#7122ac);box-shadow:0 2px 8px #25d36666;transform:scale(1.3)}.indicator:hover{background:#9ca3af;transform:scale(1.1)}.indicator:focus{box-shadow:0 0 0 3px #25d3664d;outline:none}.instruction-video{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #25d3661a;border-radius:20px;margin:0 auto;max-width:800px;padding:20px;width:100%}.tutorial-video{border-radius:16px;box-shadow:0 10px 30px #0000001a;height:auto;width:100%}@media (max-width:768px){.whatsapp-instructions{margin:0 auto 30px;padding:30px 20px}.whatsapp-instructions h2{font-size:2.2rem;margin-bottom:30px}.platform-selector{gap:12px;margin-bottom:30px}.platform-button{font-size:15px;height:52px;min-width:100px;padding:14px 24px}.instruction-tabs{margin-bottom:30px}.tab-button{font-size:15px;min-height:44px;padding:14px 20px}.carousel-slides{min-height:280px}.carousel-slide{padding:30px 15px}.slide-icon{font-size:3.5rem}.slide-content .process-icon,.slide-icon{height:100px;margin-bottom:20px;width:100px}.slide-content .process-svg{height:4rem;width:4rem}.slide-content .emoji-icon{font-size:3.5rem}.slide-title{font-size:22px;margin-bottom:14px}.slide-description{font-size:17px}.carousel-button{font-size:18px;height:44px;width:44px}.instruction-video{padding:16px}}@media (max-width:480px){.whatsapp-instructions{margin:0 auto 20px;padding:20px 15px}.whatsapp-instructions h2{font-size:2rem;margin-bottom:25px}.platform-selector{gap:8px;margin-bottom:25px}.platform-button{font-size:14px;height:48px;min-width:90px;padding:12px 20px}.instruction-tabs{margin-bottom:25px;padding:6px}.tab-button{font-size:14px;min-height:40px;padding:12px 16px}.carousel-container,.carousel-slides{min-height:260px}.carousel-slide{padding:25px 12px}.slide-icon{font-size:3rem}.slide-content .process-icon,.slide-icon{height:80px;margin-bottom:16px;width:80px}.slide-content .process-svg{height:3.5rem;width:3.5rem}.slide-content .emoji-icon{font-size:3rem}.slide-title{font-size:20px;margin-bottom:12px}.slide-description{font-size:16px}.carousel-button{font-size:16px;height:40px;margin:0 10px;width:40px}.carousel-indicators{gap:8px;margin-top:20px}.indicator{height:10px;width:10px}.instruction-video{padding:12px}}.instructions-content{display:flex;flex-direction:column;gap:30px}.carousel-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000000d;padding:30px}.video-tutorial-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #25d3661a;border-radius:20px;padding:30px}.video-caption{color:#6b7280;font-size:16px;font-style:italic;margin-top:16px;text-align:center}.desktop-only{display:block}.desktop-instructions-note{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:1px solid #fb923c;border-radius:12px;color:#ea580c;font-size:16px;margin:20px 0;padding:20px;text-align:center}.hidden-content{display:none}@media (max-width:768px){.instructions-content{gap:20px}.carousel-wrapper,.video-tutorial-container{padding:20px}.desktop-instructions-note{font-size:15px;padding:16px}}@media (min-width:769px){.instruction-carousel{display:block}.carousel-container{max-width:800px}}.android-hero{background:linear-gradient(135deg,#25d366,#128c7e);box-shadow:0 10px 30px #25d3664d}.android-hero,.ios-hero{border-radius:20px;color:#fff;margin-bottom:40px;padding:30px 20px;text-align:center}.ios-hero{background:linear-gradient(135deg,#007aff,#5ac8fa);box-shadow:0 10px 30px #007aff4d}.android-hero h2,.ios-hero h2{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important;font-size:2.2rem;font-weight:800;margin:0 0 10px;text-shadow:0 2px 10px #0003}.android-hero .subtitle,.ios-hero .subtitle{color:#fff;font-size:1.1rem;font-weight:500;margin:0;opacity:.95}.carousel-slide.simplified-slide{min-height:400px;overflow:visible}.simplified-layout{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:600px;padding:70px 30px 15px;position:relative;width:100%}.step-number{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 8px 25px #25d36666;color:#fff;display:flex;height:80px;justify-content:center;left:50%;position:absolute;top:-60px;transform:translateX(-50%);width:80px;z-index:10}.big-number{font-size:2.5rem;font-weight:900;text-shadow:0 2px 8px #0000004d}.step-info{margin:0;max-width:500px;text-align:center}.simple-title{color:#1f2937;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0 0 8px}.simple-description{color:#4b5563;font-size:1.2rem;font-weight:500;line-height:1.3;margin:0 0 5px}.step-image-container{border:3px solid #25d366;border-radius:16px;box-shadow:0 10px 30px #00000026;margin:10px 0;max-width:450px;overflow:hidden;position:relative;width:100%}.step-image{display:block;height:auto;transition:transform .3s ease;width:100%}.step-image:hover{transform:scale(1.02)}.android-footer{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:20px;margin-top:30px;padding:25px;text-align:center}.encouragement{color:#92400e;font-size:1.3rem;font-weight:700;margin:0;text-shadow:0 1px 3px #0000001a}@media (max-width:768px){.android-hero{margin-bottom:30px;padding:25px 15px}.android-hero h2{font-size:1.8rem!important}.android-hero .subtitle{font-size:1rem}.simplified-layout{gap:20px;padding:30px 20px}.step-number{height:70px;width:70px}.big-number{font-size:2rem}.simple-title{font-size:1.5rem}.simple-description{font-size:1.1rem}.step-image-container{border-width:2px;max-width:350px}.android-footer{margin-top:25px;padding:20px}.encouragement{font-size:1.1rem}.carousel-slide.simplified-slide{margin-bottom:15px;min-height:350px}}@media (max-width:480px){.android-hero{margin-bottom:25px;padding:20px 12px}.android-hero h2{font-size:1.6rem!important}.android-hero .subtitle{font-size:.95rem}.simplified-layout{gap:18px;padding:25px 15px}.step-number{height:60px;width:60px}.big-number{font-size:1.8rem}.simple-title{font-size:1.3rem}.simple-description{font-size:1rem}.step-image-container{border-width:2px;max-width:300px}.android-footer{margin-top:20px;padding:15px}.encouragement{font-size:1rem}.carousel-slide.simplified-slide{margin-bottom:12px;min-height:300px}}.step-button-container{display:flex;justify-content:center;margin:10px 0;max-width:450px;width:100%}.install-app-button{align-items:center;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:16px;box-shadow:0 8px 25px #25d36666;color:#fff;cursor:pointer;display:inline-flex;font-size:1.3rem;font-weight:700;justify-content:center;min-height:60px;padding:20px 40px;text-decoration:none;transition:all .3s ease}.install-app-button:hover{background:linear-gradient(135deg,#128c7e,#25d366);box-shadow:0 12px 35px #25d36680;transform:translateY(-2px)}.install-app-button:active{box-shadow:0 6px 20px #25d3664d;transform:translateY(0)}:root{--purple-variant:#7c3aed;--pink-variant:#f472b6;--orange-variant:#fb923c;--green-variant:#059669;--brown-accent:#8b5a2b}.modern-analysis-container{background:#f8f9fa;margin:0;max-width:none;overflow:hidden;padding:0;width:100%}.summary-section{background:#fff;padding:100px 20px}.summary-container{margin:0 auto;max-width:1200px;text-align:center}.summary-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.summary-title{color:#1a1a1a;font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center}.summary-description{color:#666;font-size:22px;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.summary-content{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:800px}.stat-highlight-card{background:#fff;border:2px solid #25d3661a;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:40px 30px;position:relative;text-align:center}.stat-highlight-card:before{background:linear-gradient(135deg,#25d3660d,#8a2be20d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.stat-highlight-card>*{position:relative;z-index:1}.stat-icon{display:block;font-size:3rem;margin-bottom:16px}.stat-value{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:8px}.stat-label{color:#666;font-size:16px;font-weight:500}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;padding:30px 20px;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.stat-card .stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;margin-bottom:8px}.highlight-card{align-items:center;background:#fff;border-left:4px solid #25d366;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;gap:20px;padding:30px}.highlight-icon{flex-shrink:0;font-size:2.5rem}.highlight-content{flex:1 1}.highlight-title{color:#666;font-size:14px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.highlight-value{color:#1a1a1a;font-size:1.5rem;font-weight:700;margin-bottom:4px}.highlight-detail{color:#666;font-size:16px}.activity-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.activity-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;display:flex;flex-direction:column;gap:12px;padding:25px 20px;text-align:center;transition:all .3s ease}.activity-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.activity-icon{font-size:2rem;margin-bottom:8px}.activity-label{color:#666;font-size:14px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.activity-value{color:#1a1a1a;font-size:1.5rem;font-weight:700}.charts-section{background:#f8f9fa;padding:100px 20px}.charts-container{margin:0 auto;max-width:1200px;text-align:center}.charts-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.charts-title{color:#1a1a1a;font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center}.charts-description{color:#666;font-size:22px;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.charts-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:60px}.chart-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.chart-card:before{background:linear-gradient(90deg,#0000,#25d3660d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.chart-card:hover:before{left:100%}.chart-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.chart-header{margin-bottom:20px;position:relative;z-index:1}.chart-header h3{color:#1a1a1a;font-size:24px;font-weight:600;margin:0 0 10px;text-align:left}.chart-content{position:relative;z-index:1}.chart-insight{background:#25d3661a;border-left:4px solid #25d366;border-radius:8px;margin-bottom:20px;padding:15px 20px;text-align:left}.chart-insight p{color:#1a1a1a;font-size:16px;font-weight:500;line-height:1.5;margin:0}.trends-section{background:#fff;padding:100px 20px}.trends-container{margin:0 auto;max-width:1400px;text-align:center}.trends-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.trends-title{color:#1a1a1a;font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:20px;text-align:center}.trends-description{color:#666;font-size:22px;line-height:1.6;margin:0 auto 60px;max-width:800px;text-align:center}.trends-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));margin-top:60px}.trend-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.trend-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.trend-header{margin-bottom:20px}.trend-header h3{color:#1a1a1a;font-size:26px;font-weight:600;margin:0 0 15px;text-align:left}.trend-content{position:relative;z-index:1}.trend-insight{background:#ffffffe6;border-left:4px solid #3498db;border-radius:12px;box-shadow:0 8px 25px #0000001a;margin:0 0 25px;padding:20px 25px;position:relative;text-align:left}.trend-insight.incremento{background:#e74c3c0d;border-left-color:#e74c3c}.trend-insight.decremento{background:#2ecc710d;border-left-color:#2ecc71}.trend-insight-header{align-items:center;display:flex;margin-bottom:12px}.trend-icon{font-size:20px;margin-right:10px}.trend-title-text{color:#2c3e50;font-size:14px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.trend-message{color:#34495e;font-size:16px;line-height:1.5;margin:0 0 15px}.trend-duration{color:#7f8c8d;font-style:italic;font-weight:500}.trend-details{background:#f8f9facc;border-radius:8px;gap:20px;justify-content:center;margin-top:15px;padding:12px 16px}.trend-details,.trend-value{align-items:center;display:flex}.trend-value{flex-direction:column;text-align:center}.trend-label{color:#7f8c8d;font-size:12px;font-weight:500;margin-bottom:4px}.trend-number{color:#2c3e50;font-size:16px;font-weight:700}.trend-arrow{color:#95a5a6;font-size:18px;font-weight:700}.loading-container{align-items:center;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:40px auto;max-width:600px;padding:60px 40px;text-align:center}.loading-spinner{animation:spin 1.2s cubic-bezier(.5,.1,.5,.9) infinite;border:4px solid #25d3661a;border-radius:50%;border-top-color:#25d366;box-shadow:0 0 10px #25d36633;height:60px;margin-bottom:20px;width:60px}.loading-text{color:#444;font-size:1.1rem;font-weight:500;margin:0}@media (max-width:1024px){.charts-title,.summary-title,.trends-title{font-size:2.8rem}.charts-description,.summary-description,.trends-description{font-size:20px}.charts-grid{gap:25px;grid-template-columns:1fr}.trends-grid{gap:30px;grid-template-columns:1fr}.trend-card{margin:0 auto;max-width:800px}.charts-badge,.summary-badge,.trends-badge{font-size:16px}}@media (max-width:768px){.charts-section,.summary-section,.trends-section{padding:10px}.charts-title,.summary-title,.trends-title{font-size:2.2rem;line-height:1.3}.charts-description,.summary-description,.trends-description{font-size:19px}.activity-grid,.stats-grid{gap:15px;grid-template-columns:1fr}.highlight-card{flex-direction:column;gap:15px;text-align:center}.chart-card{padding:20px}.chart-header h3{font-size:20px;text-align:center}.trend-card{padding:20px}.trend-header h3{font-size:22px;text-align:center}.trend-details{flex-wrap:wrap;gap:12px}.trend-arrow{order:3;text-align:center;width:100%}.charts-badge,.summary-badge,.trends-badge{font-size:14px}}@media (max-width:480px){.charts-section,.summary-section,.trends-section{padding:60px 15px}.charts-title,.summary-title,.trends-title{font-size:2rem;line-height:1.3}.charts-description,.summary-description,.trends-description{font-size:17px}.stat-highlight-card{padding:30px 20px}.activity-card,.stat-card{padding:20px 15px}.chart-card,.trend-card{padding:15px}.trend-insight{padding:15px 20px}.trend-message{font-size:15px}.trend-number{font-size:14px}.charts-badge,.summary-badge,.trends-badge{font-size:12px}}.recharts-wrapper{width:100%!important}.recharts-legend-wrapper{padding-top:20px!important}.recharts-default-legend{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.recharts-legend-item{margin-right:20px!important}@media (max-width:768px){.recharts-legend-item{margin-right:10px!important}}.modern-analysis-top-container{background:#f8f9fa;margin:0;max-width:none;overflow:hidden;padding:0;width:100%}.analysis-top-section{background:#f8f9fa;padding:100px 20px}.analysis-top-container{margin:0 auto;max-width:1200px;text-align:center}.analysis-badge{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;display:block;font-size:18px;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.analysis-title{color:#1a1a1a;font-size:3.2rem;font-weight:700;line-height:1.2;margin-bottom:20px}.analysis-description{color:#666;font-size:22px;line-height:1.6;margin:0 auto 60px;max-width:800px}.profiles-grid-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:60px}.profile-card{align-items:center;background:#fff;border:2px solid #0000;border-radius:20px;box-shadow:0 10px 40px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .3s ease}.profile-card:before{background:linear-gradient(90deg,#0000,#25d3661a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-card:hover:before{left:100%}.profile-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.profile-card.selected{background:linear-gradient(135deg,#25d3660d,#8a2be20d);border-color:#25d366;box-shadow:0 15px 50px #25d36633;transform:translateY(-5px)}.profile-icon{display:block;font-size:3rem;margin-bottom:20px;text-align:center}.profile-info{flex:1 1;text-align:center;width:100%}.profile-title{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.profile-description{color:#666;font-size:16px;line-height:1.5;margin-bottom:15px;text-align:center}.profile-user{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;font-size:24px;font-weight:600;text-align:center}.profile-detail-container{animation:fadeIn .3s ease-in-out;background:#fff;border:2px solid #25d366;border-radius:20px;box-shadow:0 20px 60px #00000026;grid-column:1/-1;margin-bottom:30px;padding:40px}.profile-detail-header{align-items:center;display:flex;margin-bottom:30px;text-align:left}.profile-detail-icon{font-size:4rem;margin-right:24px}.profile-detail-info{flex:1 1}.profile-detail-title{color:#1a1a1a;font-size:2rem;font-weight:700;margin-bottom:8px}.profile-detail-description{color:#666;font-size:18px;line-height:1.6;margin:0}.categoria-detalle{margin-top:20px}.usuario-destacado{align-items:center;background:linear-gradient(135deg,#25d3661a,#8a2be21a);border:1px solid #25d36633;border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.usuario-destacado .nombre{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.usuario-destacado .mensajes-totales{color:#666;font-size:1rem;font-weight:500}.estadisticas-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.estadistica{background:#fff;border:1px solid #e5e7ebcc;border-radius:15px;box-shadow:0 8px 30px #0000001a;padding:25px;text-align:center;transition:all .3s ease}.estadistica:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-5px)}.estadistica .valor{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#8a2be2);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:8px}.estadistica .label{color:#1a1a1a;font-size:16px;font-weight:500;margin-bottom:8px}.estadistica .media-resto{align-items:center;color:#666;display:flex;flex-direction:column;font-size:16px;font-style:italic;gap:4px;line-height:1.4;margin-top:12px}.estadistica .media-resto span{color:#25d366;display:block;font-size:18px;font-weight:600}.error,.loading,.no-data{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;margin:20px;padding:60px 20px;text-align:center}.error{color:#e74c3c;font-size:18px}.no-data{color:#666;font-size:18px;font-style:italic}.profile-card,.profile-detail-container{animation:fadeIn .3s ease-in-out}@media (max-width:1024px){.profiles-grid-container{gap:25px;grid-template-columns:repeat(2,1fr)}.analysis-title{font-size:2.8rem}.analysis-description{font-size:20px}.profile-card{padding:25px}.profile-detail-container{padding:30px}}@media (max-width:768px){.analysis-top-section{padding:80px 20px}.profiles-grid-container{gap:20px;grid-template-columns:1fr}.analysis-title{font-size:2.2rem}.analysis-description{font-size:19px}.estadisticas-container{grid-template-columns:1fr}.profile-detail-header{flex-direction:column;text-align:center}.profile-detail-icon{margin-bottom:20px;margin-right:0}.profile-detail-title{font-size:1.8rem}.usuario-destacado{flex-direction:column;gap:10px;text-align:center}.profile-card{padding:20px}.profile-detail-container{padding:25px}.analysis-badge{font-size:16px}}@media (max-width:480px){.analysis-top-section{padding:60px 15px}.analysis-title{font-size:2rem}.analysis-description{font-size:17px}.profile-card{padding:15px}.profile-title{font-size:20px}.profile-description{font-size:15px}.profile-user{font-size:22px}.profile-detail-container{padding:20px}.profile-detail-title{font-size:1.5rem}.profile-detail-description{font-size:16px}.estadistica .valor{font-size:2rem}.analysis-badge,.estadistica .label{font-size:14px}}.auth-form-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:60px auto;max-width:480px;overflow:hidden;padding:60px 40px;position:relative;text-align:center}.auth-form-container:before{background:linear-gradient(135deg,#7122ac0d,#25d3660d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-form-container>*{position:relative;z-index:1}.auth-form-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#1a1a1a;font-size:2.5rem;font-weight:700;margin:0 0 20px}.auth-content{flex-direction:column}.auth-content,.google-auth-button{align-items:center;display:flex;width:100%}.google-auth-button{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#333;cursor:pointer;font-size:16px;font-weight:600;gap:12px;height:56px;justify-content:center;margin-bottom:20px;padding:16px 24px;transition:all .3s ease}.google-auth-button:hover{background-color:#f8f9fa;border-color:#25d366;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.google-auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-auth-button svg{height:20px;width:20px}.separator{align-items:center;color:#666;display:flex;margin:30px 0;text-align:center;width:100%}.separator:after,.separator:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.separator span{background:#fff;font-size:14px;font-weight:500;padding:0 20px}.auth-form{gap:20px;width:100%}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;text-align:left}.form-group label{font-weight:600}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-sizing:border-box;font-size:15px;height:56px;padding:16px 20px;transition:all .3s ease}.form-group input:focus{border-color:#25d366;box-shadow:0 0 0 4px #25d3661a;outline:none}.form-group input:disabled{background-color:#f8f9fa;opacity:.7}.auth-button{background:linear-gradient(135deg,#25d366,#7122ac);border:none;border-radius:12px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:56px;margin-top:10px;padding:16px 24px;transition:all .3s ease}.auth-button:hover{background:linear-gradient(135deg,#128c7e,#5a1a87);box-shadow:0 8px 25px #25d3664d;transform:translateY(-2px)}.auth-button:disabled{background:#a0c0f0;box-shadow:none;cursor:not-allowed;transform:none}.auth-links{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:30px}.auth-link-button{background:none;border:none;border-radius:8px;color:#7122ac;cursor:pointer;font-size:16px;font-weight:500;padding:10px 20px;transition:all .3s ease}.auth-link-button:hover{background:#7122ac1a;transform:translateY(-1px)}.auth-link-button:disabled{color:#a0c0f0;cursor:not-allowed;transform:none}.auth-error-container{margin-bottom:25px;width:100%}.auth-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;border-radius:12px;color:#dc2626;display:flex;font-size:16px;font-weight:500;gap:12px;padding:16px 20px}.auth-error-icon{font-size:18px}.auth-error-text{flex:1 1}.auth-success-container{animation:fadeIn .3s ease;margin:20px 0}.auth-success{align-items:center;background:linear-gradient(135deg,#25d3661a,#28a7451a);border:2px solid #25d366;border-radius:12px;display:flex;gap:12px;margin:0 auto;max-width:400px;padding:16px 20px}.auth-success-icon{color:#16a34a;font-size:20px;font-weight:700}.auth-success-text{color:#155724;flex:1 1;font-size:15px;font-weight:500}.resend-email-container{margin-top:15px;text-align:center}.resend-email-button{background:none;border:none;color:#7122ac;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;text-decoration:underline;transition:all .3s ease}.resend-email-button:hover{color:#5a1a87;text-decoration:underline}.resend-email-button:disabled{cursor:not-allowed;opacity:.6;text-decoration:none}.resend-success{align-items:center;background:linear-gradient(135deg,#25d3661a,#28a7451a);border:1px solid #25d366;border-radius:8px;color:#155724;display:flex;gap:8px;justify-content:center;padding:12px 16px}.resend-success-icon{font-size:16px}.auth-message,.resend-success-text{font-size:14px;font-weight:500}.auth-message{background:linear-gradient(135deg,#f0fdf4,#bbf7d0);border:1px solid #86efac;border-radius:12px;color:#16a34a;gap:12px;margin-bottom:25px;padding:16px 20px}.auth-loading,.auth-message{align-items:center;display:flex}.auth-loading{color:#7122ac;font-size:18px;font-weight:600;height:100vh;justify-content:center}.auth-info-message{animation:fadeIn .3s ease-in-out;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-left:4px solid #7122ac;border-radius:12px;margin:20px 0;padding:16px}.auth-info-content{align-items:flex-start;display:flex;gap:12px}.auth-info-icon{color:#7122ac;font-size:18px;margin-top:2px}.auth-info-text{color:#475569;font-size:14px;line-height:1.5}@media (max-width:768px){.auth-form-container{margin:40px 20px;padding:40px 30px}.auth-form-container h2{font-size:2.2rem}.form-group label{font-size:14px}.auth-button,.form-group input,.google-auth-button{font-size:14px;height:52px}}@media (max-width:480px){.auth-form-container{margin:20px 15px;padding:30px 20px}.auth-form-container h2{font-size:2rem}.form-group label{font-size:13px}.auth-button,.form-group input,.google-auth-button{font-size:13px;height:48px;padding:14px 16px}.separator span{padding:0 15px}}.security-status{display:flex;flex-direction:column;gap:8px;margin-top:16px}.security-item{border-radius:8px;font-size:14px;font-weight:500;padding:12px 16px;text-align:center}.security-item.verified{background-color:#22c55e1a;border:1px solid #22c55e33;color:#16a34a}.security-item.loading{background-color:#3b82f61a;border:1px solid #3b82f633;color:#3b82f6}.email-verification-message{animation:slideIn .5s ease-out;background:linear-gradient(135deg,#25d3660d,#7122ac0d);border:2px solid #25d36633;border-radius:16px;margin-top:30px;padding:30px;text-align:center}.verification-icon{font-size:48px;margin-bottom:16px}.email-verification-message h3{color:#16a34a;font-size:28px;font-weight:700;margin:0 0 20px}.email-verification-message p{color:#374151;font-size:18px;line-height:1.6;margin:0 0 24px}.verification-note{background:#3b82f61a;border:1px solid #3b82f633;border-radius:8px;margin:20px 0;padding:16px}.verification-note p{color:#1e40af;font-size:16px;font-weight:500;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.captcha-loading{align-items:center;background:#3b82f61a;border-radius:8px;color:#3b82f6;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;margin:16px 0;padding:12px}.captcha-loading:before{animation:spin 1s linear infinite;border:2px solid #3b82f64d;border-radius:50%;border-top-color:#3b82f6;content:"";height:16px;width:16px}.subscription-container{margin:0 auto;max-width:1200px;overflow:hidden;padding:60px 40px;position:relative}.subscription-container:before{background:linear-gradient(135deg,#7122ac0d,#25d3660d);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.subscription-container>*{position:relative;z-index:1}.subscription-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:700;margin-bottom:60px;text-align:center}.subscription-error{align-items:center;background:linear-gradient(135deg,#fef2f2,#fecaca);border:2px solid #fca5a5;border-radius:16px;box-shadow:0 4px 15px #dc26261a;color:#dc2626;display:flex;font-size:16px;font-weight:600;gap:12px;margin-bottom:30px;padding:20px 24px}.subscription-error:before{content:"⚠️";font-size:20px}.subscription-success,.success-message{align-items:center;background:linear-gradient(135deg,#f0fdf4,#bbf7d0)!important;border:2px solid #86efac!important;border-radius:16px!important;box-shadow:0 4px 15px #16a34a1a!important;color:#16a34a!important;display:flex;font-size:16px!important;font-weight:600!important;gap:12px;margin-bottom:30px!important;padding:20px 24px!important;text-align:left!important}.subscription-success:before,.success-message:before{content:"✅";font-size:20px}.subscription-loading{align-items:center;color:#7122ac;display:flex;font-size:20px;font-weight:600;height:200px;justify-content:center}.current-plan-info{background:#fff;border:2px solid #25d3661a;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin-bottom:60px;overflow:hidden;padding:40px;position:relative}.current-plan-info:before{background:linear-gradient(135deg,#7122ac05,#25d36605);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.current-plan-info>*{position:relative;z-index:1}.current-plan-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;font-size:28px;font-weight:700;margin:0 0 30px}.usage-info{margin-bottom:30px}.usage-text{color:#374151;display:flex;font-size:16px;font-weight:600;justify-content:space-between;margin-bottom:12px}.usage-bar-container{background:#e5e7eb;border-radius:8px;box-shadow:inset 0 2px 4px #0000001a;height:12px;overflow:hidden}.usage-bar{background:linear-gradient(90deg,#25d366,#7122ac);border-radius:8px;box-shadow:0 2px 8px #25d3664d;height:100%;transition:width .5s ease}.manage-subscription-button{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #7122ac;border-radius:16px;color:#7122ac;cursor:pointer;display:block;display:flex;font-size:16px;font-weight:600;height:56px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.manage-subscription-button:hover{background:linear-gradient(135deg,#7122ac,#25d366);box-shadow:0 8px 25px #7122ac4d;color:#fff;transform:translateY(-2px)}.plans-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:60px}.plan-card{background:#fff;border:2px solid #25d3661a;border-radius:20px;box-shadow:0 20px 60px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.plan-card:before{background:linear-gradient(135deg,#7122ac05,#25d36605);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.plan-card:hover:before{opacity:1}.plan-card:hover{border-color:#25d3664d;box-shadow:0 30px 80px #00000026;transform:translateY(-8px)}.plan-card.current-plan{border:3px solid #25d366;box-shadow:0 25px 70px #25d36633}.current-plan-badge{background:linear-gradient(135deg,#25d366,#7122ac);border-radius:20px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.5px;padding:8px 16px;position:absolute;right:20px;text-transform:uppercase;top:20px;z-index:2}.plan-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:2px solid #25d3661a;padding:40px 30px;position:relative;text-align:center;z-index:1}.plan-name{color:#1a1a1a;font-size:24px;font-weight:700;margin:0 0 20px}.plan-price{align-items:center;display:flex;flex-direction:column;gap:8px}.price-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;font-size:3rem;font-weight:800}.price-period{color:#6b7280;font-size:16px;font-weight:500}.price-free{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#25d366,#7122ac);background-clip:text;-webkit-background-clip:text;font-size:2.5rem;font-weight:800}.plan-features{padding:30px;position:relative;z-index:1}.plan-feature{color:#374151;font-size:16px;margin-bottom:16px}.feature-check,.plan-feature{align-items:center;display:flex}.feature-check{background:#25d3661a;border-radius:50%;color:#25d366;font-size:20px;font-weight:700;height:24px;justify-content:center;margin-right:12px;width:24px}.plan-action{padding:0 30px 30px;position:relative;z-index:1}.plan-button{align-items:center;background:linear-gradient(135deg,#25d366,#7122ac);border:none;border-radius:16px;color:#fff;cursor:pointer;display:block;display:flex;font-size:16px;font-weight:600;height:56px;justify-content:center;padding:16px 24px;transition:all .3s ease;width:100%}.plan-button:hover{background:linear-gradient(135deg,#128c7e,#5a1a87);box-shadow:0 8px 25px #25d3664d;transform:translateY(-2px)}.plan-button.current{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #25d366;box-shadow:none;color:#25d366;cursor:default;transform:none}.plan-button:disabled{background:#f1f3f4;border:2px solid #e0e0e0;box-shadow:none;color:#9e9e9e;cursor:not-allowed;transform:none}.quota-exceeded-message{background:linear-gradient(135deg,#fff7ed,#fed7aa);border:2px solid #fb923c;border-radius:16px;box-shadow:0 4px 15px #ea580c1a;color:#ea580c;font-size:16px;font-weight:600;padding:20px 24px;text-align:center}.quota-exceeded-message:before{content:"⚠️ "}.payment-modal{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.payment-modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 80px #0000004d;max-width:500px;padding:40px;position:relative;width:90%}.close-button{align-items:center;background:#f1f3f4;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.close-button:hover{background:#e8f0fe;color:#7122ac;transform:scale(1.1)}#payment-element{margin:20px 0}.payment-button{background:linear-gradient(135deg,#25d366,#7122ac);border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;height:56px;padding:16px 24px;transition:all .3s ease;width:100%}.payment-button:disabled{background:#f1f3f4;color:#9e9e9e;cursor:not-allowed}.payment-button:hover:not(:disabled){background:linear-gradient(135deg,#128c7e,#5a1a87);box-shadow:0 8px 25px #25d3664d;transform:translateY(-2px)}.payment-error{color:#dc2626;font-size:14px;font-weight:500;margin-top:10px}@media (max-width:768px){.subscription-container{padding:40px 20px}.subscription-container h2{font-size:2.5rem;margin-bottom:40px}.current-plan-info{margin-bottom:40px;padding:30px 20px}.current-plan-info h3{font-size:24px;margin-bottom:20px}.usage-text{font-size:15px}.manage-subscription-button{font-size:15px;height:52px;padding:14px 20px}.plans-grid{gap:20px;grid-template-columns:1fr;margin-bottom:40px}.plan-header{padding:30px 20px}.plan-name{font-size:22px}.price-amount{font-size:2.5rem}.price-free{font-size:2.2rem}.plan-features{padding:20px}.plan-feature{font-size:15px;margin-bottom:14px}.plan-action{padding:0 20px 20px}.plan-button{font-size:15px;height:52px;padding:14px 20px}.payment-modal-content{margin:20px;padding:30px 20px}}@media (max-width:480px){.subscription-container{padding:30px 15px}.subscription-container h2{font-size:2.2rem;margin-bottom:30px}.current-plan-info{margin-bottom:30px;padding:25px 15px}.current-plan-info h3{font-size:22px;margin-bottom:16px}.usage-text{flex-direction:column;font-size:14px;gap:4px}.manage-subscription-button{font-size:14px;height:48px;padding:12px 16px}.plans-grid{gap:16px;margin-bottom:30px}.plan-header{padding:25px 15px}.plan-name{font-size:20px;margin-bottom:16px}.price-amount{font-size:2.2rem}.price-free{font-size:2rem}.plan-features{padding:16px}.plan-feature{font-size:14px;margin-bottom:12px}.plan-action{padding:0 16px 16px}.plan-button{font-size:14px;height:48px;padding:12px 16px}.plan-card.current-plan:after{font-size:10px;padding:6px 12px;right:15px;top:15px}.payment-modal-content{margin:15px;padding:25px 15px}.close-button{font-size:18px;height:36px;width:36px}.payment-button{font-size:14px;height:48px;padding:12px 16px}.current-plan-badge{font-size:10px;padding:6px 12px;right:15px;top:15px}}.admin-badge{animation:adminGlow 2s ease-in-out infinite alternate;background:linear-gradient(135deg,#ff6b35,#ff8c42);box-shadow:0 4px 12px #ff6b354d}@keyframes adminGlow{0%{box-shadow:0 4px 12px #ff6b354d}to{box-shadow:0 6px 20px #ff6b3580}}.plan-card.admin-user{background:linear-gradient(135deg,#fff,#fff8f5);border:2px solid #ff6b35!important}.plan-card.admin-user .plan-header{background:linear-gradient(135deg,#ff6b35,#ff8c42);border-radius:8px 8px 0 0;color:#fff;margin:-15px -15px 15px;padding:15px}.plan-card.admin-user .plan-name{color:#fff!important}.plan-button.admin{background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;color:#fff;cursor:not-allowed;font-weight:700;opacity:.9}.plan-button.admin:hover{background:linear-gradient(135deg,#ff8c42,#ff6b35)}.usage-bar-container .usage-bar[style*="#4CAF50"]{background:linear-gradient(90deg,#4caf50,#66bb6a)!important;box-shadow:0 2px 8px #4caf504d}.plan-card.admin-user:before{content:"👑";font-size:16px;position:absolute;right:5px;top:5px;z-index:10}.language-switcher{align-items:center;display:flex;margin:0 10px}.language-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg fill=%27%23333%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#333;cursor:pointer;font-size:18px;font-weight:500;height:44px;min-width:120px;padding:10px 36px 10px 16px;transition:all .2s ease}.language-select:hover{border-color:#25d366;box-shadow:0 1px 3px #25d3661a}.language-select:focus{border-color:#25d366;box-shadow:0 0 0 2px #25d36626;outline:none}.visually-hidden{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:768px){.language-switcher{margin:16px 0;width:100%}.language-select{background-position:right 14px center;background-size:16px;font-size:16px;height:48px;padding:12px 36px 12px 16px;width:100%}}:root{--background-gradient:linear-gradient(135deg,#667eea,#764ba2)}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--background-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 24px}.logo{text-decoration:none}.logo,.logo-container{align-items:center;display:flex;gap:12px}.logo-container{position:relative}.logo-icon{align-items:center;background:linear-gradient(135deg,#25d366,#8a2be2);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;margin-right:8px;transition:transform .2s ease;width:40px}.logo-clipboard-icon{color:#fff;height:24px;width:24px}.logo-svg{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;height:32px;transition:all .2s ease;width:32px}.logo:hover .logo-icon{transform:scale(1.05)}.logo:hover .logo-icon,.logo:hover .logo-svg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.logo-text{gap:12px;position:relative}.logo-text,.logo-text:before{align-items:center;display:flex}.logo-text:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--background-gradient);border-radius:12px;border-radius:var(--radius-md);color:#fff;content:"CS";font-size:20px;font-weight:700;height:32px;justify-content:center;transition:transform .2s ease;width:32px}.logo:hover .logo-text:before{transform:scale(1.05)}.logo-chat{color:#0e1318;color:var(--text-primary)}.logo-chat,.logo-salsa{font-size:22px;font-weight:700}.logo-salsa{color:#25d366;color:var(--primary-green)}.logo .logo-chatsalsa,.logo-chatsalsa,.logo-container .logo-chatsalsa,span.logo-chatsalsa{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#25d366,#8a2be2)!important;-webkit-background-clip:text!important;background-clip:text!important;color:#0000!important;font-size:30px!important;font-weight:800!important;letter-spacing:-.5px!important;text-decoration:none!important;transition:all .3s ease!important}.logo:hover .logo-chatsalsa{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#128c7e,#7b2cbf);-webkit-background-clip:text;background-clip:text;transform:scale(1.02)}.desktop-nav,.nav-container{align-items:center;display:flex}.desktop-nav{gap:32px}.desktop-nav .nav-link,.nav-link,a.nav-link,nav.desktop-nav a.nav-link{color:#656b73!important;color:var(--text-secondary)!important;font-size:18px!important;font-weight:500!important;position:relative!important;text-decoration:none!important;transition:color .2s ease!important}.nav-link:first-of-type,.nav-link:hover{color:#25d366;color:var(--primary-green)}.nav-link:first-of-type:after{background:#25d366;background:var(--primary-green);border-radius:1px;bottom:-8px;content:"";height:2px;left:0;position:absolute;right:0}.desktop-nav .nav-link.sign-up,.nav-link.sign-up,a.nav-link.sign-up,nav.desktop-nav a.nav-link.sign-up{background:linear-gradient(90deg,#25d366,#8a2be2)!important;border:none!important;border-radius:9999px!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:18px!important;font-weight:500!important;padding:.6rem 1.8rem!important;text-decoration:none!important;transition:all .2s ease!important}.desktop-nav .nav-link.sign-up:hover,.nav-link.sign-up:hover,a.nav-link.sign-up:hover,nav.desktop-nav a.nav-link.sign-up:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf)!important;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a!important;color:#fff!important;transform:translateY(-2px)!important}.cta-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;cursor:pointer;display:inline-block;font-size:18px;font-weight:500;padding:.6rem 1.8rem;text-decoration:none;transition:all .2s ease}.cta-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;color:#fff;transform:translateY(-2px)}.user-menu{position:relative}.user-button{background:none;border:none;border-radius:12px;border-radius:var(--radius-md);color:#656b73;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:8px;transition:background .2s ease}.user-button:hover{background:#f8f9fa;background:var(--background-light)}.dropdown-menu{background:#fff;background:var(--background-white);border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);min-width:200px;position:absolute;right:0;top:100%;z-index:1000}.menu-item{background:none;border:none;color:#0e1318;color:var(--text-primary);cursor:pointer;display:block;font-size:16px;padding:12px 16px;text-align:left;text-decoration:none;transition:background .2s ease;width:100%}.menu-item:hover{background:#f8f9fa;background:var(--background-light)}.menu-item:first-child{border-top-left-radius:16px;border-top-left-radius:var(--radius-lg);border-top-right-radius:16px;border-top-right-radius:var(--radius-lg)}.menu-item:last-child{border-bottom-left-radius:16px;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:16px;border-bottom-right-radius:var(--radius-lg)}.mobile-menu-button{background:none;border:none;border-radius:12px;border-radius:var(--radius-md);color:#656b73;color:var(--text-secondary);cursor:pointer;display:none;font-size:20px;padding:8px;transition:background .2s ease}.mobile-menu-button:hover{background:#f8f9fa;background:var(--background-light)}.menu-icon{font-size:1.5rem;line-height:1}.mobile-menu{background:#fff;background:var(--background-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);display:none;left:0;position:absolute;right:0;top:100%}.mobile-nav-link,a.mobile-nav-link{border-bottom:1px solid #e5e7eb!important;border-bottom:1px solid var(--border-light)!important;color:#656b73!important;color:var(--text-secondary)!important;display:block!important;font-size:18px!important;font-weight:500!important;padding:16px 24px!important;text-decoration:none!important;transition:all .2s ease!important}.mobile-nav-link:hover{background:#f8f9fa;background:var(--background-light);color:#25d366;color:var(--primary-green)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link.mobile-logout{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-light);border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#25d366;color:var(--primary-green);font-size:18px;font-weight:600;margin:16px 24px;text-align:center}.mobile-nav-link.mobile-logout:hover{background:#f8f9fa;background:var(--background-light);color:#128c7e;color:var(--primary-green-dark);transform:translateY(-1px)}.mobile-user-info{background:#f8f9fa;background:var(--background-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);color:#0e1318;color:var(--text-primary);font-size:16px;font-weight:500;padding:20px 24px}.language-select,.language-switcher,.language-switcher select,select.language-select{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--border-light)!important;border-radius:8px!important;color:#0e1318!important;color:var(--text-primary)!important;cursor:pointer!important;font-size:16px!important;min-width:120px!important;padding:8px 12px!important;transition:all .2s ease!important}.language-select:hover,.language-switcher select:hover,select.language-select:hover{border-color:#25d366!important;border-color:var(--primary-green)!important;box-shadow:0 0 0 2px #25d3661a!important}.mobile-menu-button,button.mobile-menu-button{font-size:20px!important;padding:8px!important}.menu-icon,span.menu-icon{font-size:1.5rem!important;line-height:1!important}@media (max-width:768px){.desktop-nav{display:none}.mobile-menu,.mobile-menu-button{display:block}.header-container{padding:14px 20px}.logo-text:before{font-size:16px}.logo-svg,.logo-text:before{height:28px;width:28px}.logo-chat,.logo-salsa{font-size:20px}.logo .logo-chatsalsa,.logo-chatsalsa,.logo-container .logo-chatsalsa,span.logo-chatsalsa{font-size:26px!important}}@media (max-width:480px){.header-container{padding:12px 16px}.logo-text:before{font-size:14px}.logo-svg,.logo-text:before{height:24px;width:24px}.logo-chat,.logo-salsa{font-size:18px}.logo .logo-chatsalsa,.logo-chatsalsa,.logo-container .logo-chatsalsa,span.logo-chatsalsa{font-size:22px!important}}.app-footer{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='512' height='512' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%234285f4'/%3E%3Cstop offset='50%25' style='stop-color:%2325d366'/%3E%3Cstop offset='100%25' style='stop-color:%23f0ede2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h512v512H0z'/%3E%3C/svg%3E");background-position:50%;background-size:cover;color:#000;margin-top:auto;overflow:hidden;padding:2rem 0;position:relative;width:100%}.app-footer:before{background:linear-gradient(90deg,#f0ede2,#25d366,#567268);content:"";height:1px;left:0;opacity:.3;position:absolute;right:0;top:0}.footer-content{margin:0 auto;padding:0 2rem;position:relative;width:100%;z-index:1}.footer-grid{grid-gap:3rem;align-items:flex-start;display:grid;gap:3rem;grid-template-columns:repeat(3,1fr);justify-items:center;margin-bottom:2rem}.footer-section{align-items:center;border-radius:8px;display:flex;flex-direction:column;min-width:200px;padding:1.5rem;text-align:center;transition:transform .3s ease;width:100%}.footer-section:hover{transform:translateY(-3px)}.footer-section h3{color:#000;font-size:18px;margin-bottom:.8rem;padding-bottom:.5rem;position:relative;text-align:center;white-space:nowrap}.footer-section h3:after{background-color:#25d366;bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:width .3s ease;width:30px}.footer-section:hover h3:after{width:100%}.footer-links{flex-direction:column;width:100%}.footer-link,.footer-links{align-items:center;display:flex;gap:.6rem}.footer-link{border-radius:6px;color:#000;font-size:16px;justify-content:center;line-height:1.4;overflow:hidden;padding:.6rem;text-decoration:none;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap;width:fit-content}.footer-link:hover{color:#000;transform:translateX(5px)}.footer-icon{color:#25d366;flex-shrink:0;font-size:18px;transition:transform .3s ease}.footer-link span{overflow:hidden;text-overflow:ellipsis}.footer-link:hover .footer-icon{transform:scale(1.2)}.social-grid{flex-wrap:wrap;gap:.6rem;width:100%}.social-grid,.social-link{display:flex;justify-content:center}.social-link{align-items:center;border-radius:6px;padding:.6rem;transition:all .3s ease}.social-icon{color:#000;font-size:22px;transition:all .3s ease}.social-link:hover{transform:translateY(-3px)}.social-link:hover .social-icon{color:#000;transform:scale(1.2)}.footer-bottom{border-top:1px solid #f0ede233;margin-top:1.5rem;padding-top:1.5rem;position:relative;text-align:center}.footer-bottom p{color:#000;font-size:16px;margin:0}.scroll-top{align-items:center;border:none;border-radius:50%;bottom:20px;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;transition:all .3s ease;width:40px}.scroll-top,.scroll-top:hover{background:#0000001a;color:#000}.scroll-top:hover{transform:translateY(-3px)}.footer-wave{bottom:0;left:0;line-height:0;overflow:hidden;position:absolute;width:100%}.footer-wave svg{display:block;height:120px;position:relative;transform:rotateY(180deg);width:calc(100% + 1.3px)}.footer-wave .shape-fill{fill:#f5f8fa}@media (max-width:1200px){.footer-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.footer-section{padding:.8rem}.footer-link{padding:.4rem}}@media (max-width:992px){.footer-content{padding:0 1.5rem}.footer-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.footer-section h3{font-size:16px}.footer-link{font-size:15px}.footer-icon{font-size:16px}.social-icon{font-size:20px}.footer-bottom p{font-size:15px}}@media (max-width:768px){.app-footer{padding:1.5rem 0}.footer-content{padding:0 1rem}.footer-grid{gap:.5rem;grid-template-columns:1fr;text-align:center}.footer-section{text-align:center;width:100%}.footer-section h3{font-size:15px}.footer-link{font-size:14px}.footer-icon{font-size:15px}.social-icon{font-size:18px}.footer-bottom p{font-size:14px}.footer-section h3:after{left:50%;transform:translateX(-50%)}.footer-links{align-items:center}.social-grid{justify-content:center}.scroll-top{bottom:10px;right:10px}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.footer-link:hover,.social-link:hover{animation:pulse .5s ease}.cookie-banner{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border-top:1px solid #0000001a;bottom:0;box-shadow:0 -4px 20px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;left:0;position:fixed;right:0;width:100%;z-index:10000}.cookie-banner-main{min-height:100px;padding:24px 32px}.cookie-banner-content{align-items:center;display:flex;gap:32px;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:70px}.cookie-banner-icon{flex-shrink:0;font-size:20px}.cookie-banner-text{flex:1 1;min-width:0}.cookie-banner-text h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.cookie-banner-text p{color:#666;font-size:15px;line-height:1.5;margin:0}.cookie-banner-buttons{align-items:center;display:flex;flex-shrink:0;gap:12px}.cookie-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:500;justify-content:center;min-height:44px;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.cookie-btn:hover{transform:translateY(-1px)}.cookie-btn-primary{background:#007aff;box-shadow:0 2px 8px #007aff4d;color:#fff}.cookie-btn-primary:hover{background:#0056cc;box-shadow:0 4px 12px #007aff66}.cookie-btn-secondary{background:#f2f2f7;border:1px solid #d1d1d6;color:#1a1a1a}.cookie-btn-secondary:hover{background:#e5e5ea}.cookie-btn-outline{background:#0000;border:1px solid #007aff;color:#007aff}.cookie-btn-outline:hover{background:#007aff1a}.cookie-preferences{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #0000001a;border-radius:12px;bottom:20px;box-shadow:0 8px 32px #0000001a;left:20px;margin:0 auto;max-height:80vh;max-width:600px;overflow-y:auto;position:fixed;right:20px;z-index:10000}.cookie-preferences-content{padding:24px}.cookie-preferences h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 8px}.cookie-preferences p{color:#666;font-size:14px;line-height:1.5;margin:0 0 20px}.cookie-category{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:16px;padding:16px}.cookie-category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.cookie-category-title{align-items:center;display:flex;gap:8px}.cookie-category h4{color:#1a1a1a;font-size:15px;font-weight:600;margin:0}.cookie-category-required{color:#999;font-size:12px;font-weight:400}.cookie-category p{color:#666;font-size:13px;line-height:1.4;margin:8px 0 0}.cookie-category-toggle input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.cookie-category-toggle label{background-color:#ced4da;border-radius:12px;cursor:pointer;display:inline-block;height:24px;position:relative;transition:background-color .2s ease;width:44px}.cookie-category-toggle label:after{background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:left .2s ease;width:20px}.cookie-category-toggle input[type=checkbox]:checked+label{background-color:#007aff}.cookie-category-toggle input[type=checkbox]:checked+label:after{left:22px}.cookie-category-toggle input[type=checkbox]:disabled+label{background-color:#007aff;cursor:not-allowed;opacity:.7}.cookie-preferences-buttons{display:flex;gap:12px;justify-content:center;margin-top:24px}@media (min-width:1200px){.cookie-banner-main{min-height:110px;padding:28px 40px}.cookie-banner-content{gap:40px;min-height:80px}.cookie-btn{font-size:16px;min-height:48px;padding:14px 28px}.cookie-banner-buttons{gap:16px}}@media (max-width:768px){.cookie-banner-main{min-height:120px;padding:20px}.cookie-banner-content{align-items:flex-start;flex-direction:column;gap:16px;min-height:100px}.cookie-banner-text{text-align:left;width:100%}.cookie-banner-buttons{flex-wrap:wrap;gap:12px;justify-content:center;width:100%}.cookie-btn{flex:1 1;min-height:44px;min-width:140px;padding:12px 20px}.cookie-preferences{border-radius:12px;bottom:10px;left:10px;right:10px}.cookie-category-header{align-items:flex-start;flex-direction:column;gap:8px}.cookie-category-toggle{align-self:flex-end}.cookie-preferences-buttons{flex-direction:column}}@media (max-width:480px){.cookie-banner-main{min-height:140px;padding:18px 16px}.cookie-banner-content{gap:20px;min-height:110px}.cookie-banner-text h3{font-size:16px;margin-bottom:8px}.cookie-banner-text p{font-size:14px;line-height:1.5}.cookie-banner-buttons{flex-direction:column;gap:10px;width:100%}.cookie-btn{font-size:15px;min-height:48px;min-width:auto;padding:14px 24px;width:100%}.cookie-preferences-content{padding:16px}.cookie-category{padding:12px}}.cookie-banner *{transition:all .2s ease}.cookie-btn:focus,.cookie-category-toggle label:focus-within{outline:2px solid #007aff;outline-offset:2px}.cookie-settings-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10001}.cookie-settings-modal{border-radius:16px;bottom:auto;box-shadow:0 20px 40px #0000004d;left:auto;margin:0;max-height:90vh;max-width:700px;position:relative;right:auto;width:100%}.cookie-settings-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.cookie-settings-close{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;padding:8px;transition:all .2s ease;width:40px}.cookie-settings-close:hover{background:#f8f9fa;color:#333}.cookie-examples{background:#f8f9fa;border-left:3px solid #007aff;border-radius:6px;margin-top:8px;padding:8px 12px}.cookie-examples small{color:#666;font-style:italic}.cookie-settings-actions{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.cookie-settings-bulk-actions{display:flex;gap:12px;margin-bottom:16px}.cookie-settings-info{border-top:1px solid #e9ecef;margin-top:16px;padding-top:16px;text-align:center}.cookie-settings-info small{color:#999}.cookie-btn.disabled{cursor:not-allowed;opacity:.6}.cookie-btn.disabled:hover{background:#f2f2f7;transform:none}@media (max-width:768px){.cookie-settings-overlay{padding:10px}.cookie-settings-modal{border-radius:12px;max-height:95vh}.cookie-settings-bulk-actions{flex-direction:column}.cookie-settings-header h3{font-size:16px}}.cookie-settings-close:focus{outline:2px solid #007aff;outline-offset:2px}.cookie-settings-overlay{animation:fadeIn .3s ease-out}.cookie-settings-modal{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000f;margin:0 auto;max-width:1200px;padding:3rem 2rem}.page-header{border-bottom:3px solid #25d366;color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:3rem;padding-bottom:1.5rem;text-align:left}.page-content{color:#2d2d2d;font-size:1.1rem;line-height:1.8;text-align:left}.contact-page{margin:0 auto;max-width:1000px;padding:3rem 2rem}.contact-header{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:left}.contact-container{grid-gap:3rem;background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000f;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:3rem}.contact-info{background-color:#f8f9fa;border-radius:12px;padding:2rem}.contact-form{display:flex;flex-direction:column}.faq-page{margin:0 auto;max-width:1000px;padding:3rem 2rem}.faq-header{color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:left}.faq-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000f}.faq-item{border-bottom:1px solid #eaeaea}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;background-color:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:1.5rem;transition:all .3s ease}.faq-question:hover{background-color:#f0f4f8;transform:translateX(5px)}.faq-question h3{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0}.faq-toggle{color:#25d366;font-size:1.5rem}.faq-answer{background-color:#fff;color:#2d2d2d;font-size:1.1rem;line-height:1.8;padding:1.5rem}.faq-additional-help{background-color:#f5f8fa;border-radius:8px;margin-top:2rem;padding:1rem;text-align:center}.faq-additional-help a{color:#25d366;font-weight:600;text-decoration:none}.privacy-policy,.terms-of-service{background-color:#fff;border-radius:16px;box-shadow:0 8px 30px #0000000f;margin:0 auto;max-width:1000px;padding:3rem 2rem}.privacy-header,.tos-header{border-bottom:3px solid #25d366;color:#1a1a1a;font-size:2.5rem;font-weight:700;margin-bottom:3rem;padding-bottom:1.5rem;text-align:left}.privacy-content,.tos-content{color:#2d2d2d;font-size:1.1rem;line-height:1.8;text-align:left}.privacy-content section,.tos-content section{margin-bottom:3rem}.privacy-content h2,.tos-content h2{border-bottom:2px solid #eaeaea;color:#1a1a1a;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:1rem}.privacy-content ul,.tos-content ul{list-style-type:disc;margin-bottom:1.5rem;padding-left:2rem}.privacy-content li,.tos-content li{margin-bottom:1rem}.privacy-footer,.tos-footer{background-color:#f5f8fa;border-radius:8px;color:#555;margin-top:2rem;padding:1rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#1a1a1a;display:block;font-size:15px;font-weight:500;margin-bottom:.75rem}.form-group input,.form-group textarea{border:2px solid #eaeaea;border-radius:8px;font-size:15px;padding:1rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d36626;outline:none}.submit-button{background-color:#25d366;border-radius:8px;font-size:1.1rem;padding:1rem;width:100%}.submit-button:hover{background-color:#128c7e;transform:translateY(-2px)}.terms-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}@media (max-width:768px){.terms-grid{gap:25px;grid-template-columns:1fr}}@media (max-width:480px){.terms-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:360px){.terms-grid{gap:15px;grid-template-columns:1fr}}@media (max-width:320px){.terms-grid{gap:12px;grid-template-columns:1fr}}.contact-features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.contact-features-grid{gap:25px;grid-template-columns:1fr}}@media (max-width:480px){.contact-features-grid{gap:20px;grid-template-columns:1fr}}@media (max-width:360px){.contact-features-grid{gap:15px;grid-template-columns:1fr}}@media (max-width:320px){.contact-features-grid{gap:12px;grid-template-columns:1fr}}.modern-preview-container .demo-content{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:1fr 1fr}@media (max-width:768px){.modern-preview-container .demo-content{gap:30px;grid-template-columns:1fr}}@media (max-width:480px){.modern-preview-container .demo-content{gap:25px;grid-template-columns:1fr}}@media (max-width:360px){.modern-preview-container .demo-content{gap:20px;grid-template-columns:1fr}}@media (max-width:320px){.modern-preview-container .demo-content{gap:15px;grid-template-columns:1fr}}@media (max-width:768px){.modern-preview-container .feature-card{padding:25px 20px}.modern-preview-container .feature-card input,.modern-preview-container .feature-card textarea{font-size:16px!important}}@media (max-width:480px){.modern-preview-container .feature-card{padding:20px 15px}.modern-preview-container .feature-card h3{font-size:1.4rem;margin-bottom:20px}}@media (max-width:360px){.modern-preview-container .feature-card{padding:18px 12px}.modern-preview-container .feature-card h3{font-size:1.3rem;margin-bottom:18px}}@media (max-width:320px){.modern-preview-container .feature-card{padding:16px 10px}.modern-preview-container .feature-card h3{font-size:1.2rem;margin-bottom:15px}}@media (max-width:768px){.contact-header,.faq-header,.page-header,.privacy-header,.tos-header{font-size:2rem}.faq-answer,.page-content,.privacy-content,.tos-content{font-size:1rem}.contact-container{gap:2rem;grid-template-columns:1fr;padding:2rem}.contact-page,.faq-page,.page-container,.privacy-policy,.terms-of-service{padding:2rem 1rem}}:root{--primary-green:#25d366;--primary-green-dark:#128c7e;--accent-purple:#8b5cf6;--canva-purple:#7d2ae8;--canva-purple-dark:#6c1fc7;--canva-purple-bright:#8e3bef;--accent-pink:#e91e63;--accent-orange:#ff6b35;--background-light:#f8f9fa;--background-white:#fff;--text-primary:#0e1318;--text-secondary:#656b73;--border-light:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 25px 50px -12px #00000040;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px}.hero-section{background:#7122ac;box-sizing:border-box;color:#fff;max-width:100vw;min-height:80vh;overflow:hidden;padding:100px 24px 120px;position:relative;width:100%}.hero-section .cta-primary,.hero-section .cta-secondary,.hero-section button[class*=bg-],.hero-section button[class*=font-],.hero-section button[class*=px-],.hero-section button[class*=py-],.hero-section button[class*=rounded-],.hero-section button[class*=shadow-],.hero-section button[class*=text-]{all:unset;box-sizing:border-box;cursor:pointer;display:inline-block;font-family:inherit;text-align:center}.hero-actions .cta-primary,.hero-section .cta-primary,.hero-section .hero-actions .cta-primary,.hero-section button.cta-primary,button.cta-primary{background:#fff!important;background-color:#fff!important;border:#0000!important;border-radius:32px!important;box-shadow:0 8px 25px #fff3!important;color:#25d366!important;cursor:pointer!important;display:inline-block!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important;min-width:180px!important;padding:18px 36px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.hero-actions .cta-primary:hover,.hero-section .cta-primary:hover,.hero-section .hero-actions .cta-primary:hover,.hero-section button.cta-primary:hover,button.cta-primary:hover{background:#f8fafc!important;background-color:#f8fafc!important;box-shadow:0 12px 35px #ffffff4d!important;color:#25d366!important;transform:translateY(-3px)!important}.hero-section:before{background:linear-gradient(135deg,#ffffff1a,#0000 70%);bottom:0;clip-path:ellipse(100% 100% at 50% 100%);content:"";height:100px;left:0;position:absolute;right:0}.hero-section:after{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";filter:blur(40px);height:400px;position:absolute;right:-10%;top:20%;width:400px}.hero-content{grid-gap:80px;align-items:center;box-sizing:border-box;display:grid;gap:80px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;padding:0 16px;position:relative;width:100%;z-index:2}.hero-badge{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:32px;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #7d2ae866;color:#e0e7ff;display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:32px;padding:10px 20px;text-transform:uppercase}.new-hero-badge{background:#fff!important;border:1px solid #8a2be21a!important;border-radius:9999px!important;box-shadow:0 4px 20px #8a2be233!important;color:#8a2be2!important;display:inline-block!important;font-size:14px!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:24px!important;padding:8px 16px!important;text-transform:uppercase!important}.hero-section .hero-title,.hero-section h1.hero-title,section.hero-section .hero-title,section.hero-section h1.hero-title{color:#fff!important;font-size:56px!important;font-weight:800!important;line-height:1.1!important;margin-bottom:28px!important;text-shadow:0 2px 4px #0000001a!important}.hero-section .gradient-text,.hero-section span.gradient-text,section.hero-section .gradient-text,section.hero-section span.gradient-text{color:#fff!important;font-size:56px!important;font-weight:800!important}.hero-section .whatsapp-text,.hero-section span.whatsapp-text,section.hero-section .whatsapp-text,section.hero-section span.whatsapp-text{color:#25d366!important;color:var(--primary-green)!important;font-size:56px!important;font-weight:900!important;text-shadow:0 0 30px #25d36699!important}.hero-section .hero-description,.hero-section p.hero-description,section.hero-section .hero-description,section.hero-section p.hero-description{color:#e0e7ff!important;font-size:20px!important;font-weight:400!important;line-height:1.7!important;margin-bottom:40px!important;max-width:90%!important;opacity:.95!important}.hero-section .hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:48px}.hero-section .cta-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000!important;border:2px solid #ffffff4d!important;border-radius:32px!important;border-radius:var(--radius-2xl)!important;color:#fff!important;cursor:pointer;display:inline-block!important;font-size:17px!important;font-weight:600!important;min-width:160px;padding:16px 34px!important;text-align:center!important;text-decoration:none!important;transition:all .3s ease!important}.hero-section .cta-secondary:hover{background:#ffffff1a!important;border-color:#ffffff80!important;transform:translateY(-3px)!important}.security-badge{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#00000026;border:1px solid #ffffff1a;border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;display:flex;gap:16px;padding:20px 28px}.security-icons{gap:8px}.security-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:22px}.security-text{display:flex;flex-direction:column;gap:4px}.security-text strong{color:#fff;font-size:16px;font-weight:700}.security-text span{color:#e0e7ff;font-size:13px;opacity:.85}.hero-preview{align-items:center;display:flex;justify-content:center;position:relative}.phone-mockup{background:#fff;border-radius:32px;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff0d;max-width:320px;padding:20px;position:relative;transform:rotate(8deg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.phone-mockup:hover{transform:rotate(3deg) scale(1.05)}.phone-mockup:before{background:linear-gradient(45deg,#25d3664d,#7d2ae866);border-radius:42px;bottom:-10px;content:"";filter:blur(20px);left:-10px;opacity:.7;position:absolute;right:-10px;top:-10px;z-index:-1}.phone-header{align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;border-radius:24px 24px 0 0;display:flex;justify-content:space-between;margin:-20px -20px 0;padding:16px 20px}.phone-indicators{align-items:center;display:flex;gap:8px}.indicator.green{color:#25d366;color:var(--primary-green);font-size:14px;font-weight:700}.phone-title{font-size:14px;font-weight:600}.phone-content,.phone-title{color:#0e1318;color:var(--text-primary)}.phone-content{padding:24px 0}.analysis-card{margin-bottom:20px}.participant-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;border-radius:var(--radius-lg);display:flex;gap:16px;padding:16px}.participant-avatar{align-items:center;background:linear-gradient(135deg,#25d366,#8b5cf6);background:linear-gradient(135deg,var(--primary-green),var(--accent-purple));border-radius:50%;box-shadow:0 4px 12px #25d3664d;color:#fff;display:flex;font-size:18px;font-weight:700;height:48px;justify-content:center;width:48px}.participant-info h4{color:#0e1318;color:var(--text-primary);font-size:16px;font-weight:700;margin:0 0 4px}.participant-info p{color:#656b73;color:var(--text-secondary);font-size:14px;line-height:1.4;margin:0}.chart-placeholder{align-items:end;display:flex;gap:8px;height:80px;margin:20px 0;padding:0 16px}.chart-bar{animation:chartGrow 1.5s ease-out;background:#25d366;background:var(--color,var(--primary-green));border-radius:4px 4px 0 0;box-shadow:0 2px 8px #25d3664d;height:40%;height:var(--height,40%);width:24px}@keyframes chartGrow{0%{height:0}to{height:40%;height:var(--height,40%)}}.view-analysis-btn{background:linear-gradient(135deg,#7d2ae8,#8e3bef);background:linear-gradient(135deg,var(--canva-purple),var(--canva-purple-bright));border:none;border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #7d2ae866;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.view-analysis-btn:hover{box-shadow:0 6px 20px #7d2ae880;transform:translateY(-2px)}@media (max-width:1024px){.hero-content{gap:60px}.hero-section .gradient-text,.hero-section .hero-title,.hero-section .whatsapp-text,.hero-section h1.hero-title,.hero-section span.gradient-text,.hero-section span.whatsapp-text,section.hero-section .gradient-text,section.hero-section .hero-title,section.hero-section .whatsapp-text,section.hero-section h1.hero-title,section.hero-section span.gradient-text,section.hero-section span.whatsapp-text{font-size:48px!important}}@media (max-width:768px){.hero-section{min-height:auto;padding:80px 20px 100px}.hero-content{gap:60px;grid-template-columns:1fr;text-align:center}.hero-section .hero-title,.hero-section h1.hero-title,section.hero-section .hero-title,section.hero-section h1.hero-title{font-size:42px!important;line-height:1.2!important}.hero-section .gradient-text,.hero-section .whatsapp-text,.hero-section span.gradient-text,.hero-section span.whatsapp-text,section.hero-section .gradient-text,section.hero-section .whatsapp-text,section.hero-section span.gradient-text,section.hero-section span.whatsapp-text{font-size:42px!important}.hero-section .hero-description,.hero-section p.hero-description,section.hero-section .hero-description,section.hero-section p.hero-description{font-size:18px!important;max-width:100%!important}.hero-actions{gap:16px;justify-content:center}.cta-primary,.cta-secondary{font-size:16px;min-width:150px;padding:16px 28px}.security-badge{max-width:100%;padding:18px 24px;text-align:left}.phone-mockup{max-width:280px;transform:rotate(5deg)}.phone-mockup:hover{transform:rotate(0deg) scale(1.02)}}@media (max-width:480px){.hero-section{min-height:auto;padding:50px 16px 60px}.hero-content{gap:40px}.hero-section .hero-title,.hero-section h1.hero-title,section.hero-section .hero-title,section.hero-section h1.hero-title{font-size:38px!important;line-height:1.2!important;margin-bottom:20px!important;max-width:85%!important}.hero-section .hero-description,.hero-section p.hero-description,section.hero-section .hero-description,section.hero-section p.hero-description{font-size:16px!important;line-height:1.5!important;margin-bottom:30px!important}.hero-actions{align-items:center;flex-direction:column;gap:12px;margin-bottom:30px}.cta-primary,.cta-secondary{font-size:15px;max-width:280px;padding:14px 24px;width:100%}.security-badge{flex-direction:column;gap:12px;padding:16px 20px;text-align:center}.phone-mockup{height:auto;max-width:220px}.new-hero-badge{font-size:12px!important;margin-bottom:16px!important;padding:6px 14px!important}}@media (max-width:360px){.hero-section{padding:40px 12px 50px}.hero-content{gap:30px}.hero-section .hero-title,.hero-section h1.hero-title,section.hero-section .hero-title,section.hero-section h1.hero-title{font-size:32px!important;line-height:1.1;margin-bottom:16px;max-width:80%}.hero-description{font-size:15px;line-height:1.4;margin-bottom:24px}.hero-actions{gap:10px;margin-bottom:24px}.cta-primary,.cta-secondary{font-size:14px;max-width:260px;padding:12px 20px}.security-badge{gap:10px;padding:14px 16px}.security-text{font-size:13px}.security-text strong{font-size:14px}.phone-mockup{max-width:200px}.new-hero-badge{font-size:11px!important;margin-bottom:12px!important;padding:5px 12px!important}}@media (max-width:320px){.hero-section{padding:30px 8px 40px}.hero-content{gap:25px}.hero-section .hero-title,.hero-section h1.hero-title,section.hero-section .hero-title,section.hero-section h1.hero-title{font-size:26px!important;line-height:1.1!important;margin-bottom:12px!important;max-width:75%!important}.hero-section .hero-description,.hero-section p.hero-description,section.hero-section .hero-description,section.hero-section p.hero-description{font-size:14px!important;line-height:1.3!important;margin-bottom:20px!important}.hero-actions{gap:8px;margin-bottom:20px}.cta-primary,.cta-secondary{font-size:13px;max-width:240px;padding:10px 16px}.security-badge{gap:8px;padding:12px 14px}.security-text{font-size:12px}.security-text strong{font-size:13px}.phone-mockup{max-width:180px}.security-icon-circle{font-size:14px!important;height:32px!important;width:32px!important}}.hero-section .hero-actions button.cta-primary,section.hero-section .hero-actions button.cta-primary,section.hero-section div.hero-actions button.cta-primary{background:#fff!important;background-color:#fff!important;border:2px solid #0000!important;color:#25d366!important}.hero-section .hero-actions button.cta-primary:hover,section.hero-section .hero-actions button.cta-primary:hover,section.hero-section div.hero-actions button.cta-primary:hover{background:#f8fafc!important;background-color:#f8fafc!important;border:2px solid #0000!important;color:#25d366!important}.hero-section button[class~=cta-primary]{background:#fff!important;color:#25d366!important}.security-icons{align-items:center;display:flex;margin-left:-8px}.security-icon-circle{align-items:center!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;color:#fff!important;display:flex!important;font-size:16px!important;font-weight:700!important;height:40px!important;justify-content:center!important;margin-right:-8px!important;position:relative!important;width:40px!important;z-index:1!important}.security-icon-green{background:#25d366!important}.security-icon-purple{background:#8a2be2!important;z-index:2!important}.security-icon-green-alt{background:#25d366!important}.chat-top-game{background:#f8f9fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:40px 20px;width:100%}.game-header{background:linear-gradient(135deg,#7122ac,#25d366);border-radius:20px;box-shadow:0 20px 60px #7122ac4d;color:#fff;margin-bottom:60px;overflow:hidden;padding:60px 20px;position:relative;text-align:center}.game-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.game-header h1{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;font-size:3.2rem;font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px #0003}.game-header h1,.game-header p{color:#fff!important;position:relative;z-index:1}.game-header p{font-size:2rem;font-weight:500;line-height:1.6;margin:0 auto;max-width:600px;opacity:1;text-shadow:0 1px 3px #0000004d}.questions-container{grid-gap:30px;display:grid;gap:30px;margin-bottom:50px}.question-card{background:#fff;border:1px solid #f3f4f6;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.question-card:before{background:linear-gradient(90deg,#0000,#7122ac1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.question-card:hover:before{left:100%}.question-card:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.question-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;text-align:center}.category-icon{background:linear-gradient(135deg,#25d366,#7122ac);border-radius:15px;box-shadow:0 8px 20px #7122ac33;font-size:32px;margin-right:15px;padding:8px}.question-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#7122ac;font-size:2.8rem;font-weight:700;margin:0}.question-description{border-radius:12px;font-size:16px;padding:15px;text-align:center}.question-card select{background:#fff;border:2px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 15px #0000000d;cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.question-card select:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;transform:translateY(-2px)}.question-card select:hover{border-color:#7122ac;box-shadow:0 8px 25px #0000001a}.submit-container{margin-top:50px;text-align:center}.submit-container button{background:linear-gradient(135deg,#25d366,#7122ac);border:none;border-radius:50px;box-shadow:0 8px 30px #25d3664d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;overflow:hidden;padding:18px 48px;position:relative;transition:all .3s ease}.submit-container button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-container button:hover:before{left:100%}.submit-container button:hover{background:linear-gradient(135deg,#128c7e,#5a1a7b);box-shadow:0 15px 40px #25d36666;transform:translateY(-3px)}.submit-container button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.form-hint{color:#6b7280;font-size:16px;font-style:italic;margin-top:15px}.game-results{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:40px}.game-results h3{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#7122ac;font-size:2rem;font-weight:700;margin:40px 0 30px;text-align:center;text-shadow:none}.score-card{background:linear-gradient(135deg,#25d366,#7122ac);border-radius:20px;box-shadow:0 20px 60px #25d3664d;color:#fff;margin-bottom:50px;overflow:hidden;padding:50px;position:relative;text-align:center}.score-card:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.score-card h2{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#fff!important;font-size:2.5rem;margin-top:0;text-shadow:0 2px 10px #0003}.score,.score-card h2{font-weight:700;position:relative;z-index:1}.score{font-size:5rem;margin:30px 0}.score-value{color:#fff;text-shadow:0 4px 20px #0000004d}.score-total{font-size:2.5rem;opacity:.8}.score-card p{color:#fff!important;font-size:1.8rem;font-weight:500;line-height:1.6;margin-bottom:30px;position:relative;text-shadow:0 1px 3px #0000004d;z-index:1}.score-card button{background:#fff;border:2px solid #fff;border-radius:50px;color:#7122ac;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;position:relative;transition:all .3s ease;z-index:1}.score-card button:hover{background:#0000;box-shadow:0 8px 25px #fff3;color:#fff;transform:translateY(-2px)}.answers-container{grid-gap:20px;display:grid;gap:20px}.answer-card{background:#fff;border:1px solid #f3f4f6;border-radius:15px;box-shadow:0 8px 30px #0000001a;display:grid;grid-template-columns:1fr auto;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.answer-card:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-3px)}.answer-card.correct{background:linear-gradient(135deg,#fff,#f0fff4);border-left:5px solid #25d366}.answer-card.incorrect{background:linear-gradient(135deg,#fff,#fef2f2);border-left:5px solid #ef4444}.category-info{align-items:center;display:flex;grid-column:1/-1;margin-bottom:15px}.category-details{margin-left:20px}.category-name{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#7122ac;font-size:18px;font-weight:700}.category-description{color:#6b7280;font-size:15px;line-height:1.4;margin-top:4px}.answer-result{grid-column:1/2;margin-top:10px}.correct-answer,.user-answer{font-size:15px;line-height:1.4;margin:8px 0}.correct-answer span,.user-answer span{font-weight:600;margin-right:8px}.user-answer span{color:#ef4444}.correct-answer span{color:#25d366}.result-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:32px;grid-column:2/3;grid-row:2/3;justify-content:center}.share-again{margin-top:40px;text-align:center}.share-again button{background:linear-gradient(135deg,#7122ac,#25d366);border:none;border-radius:50px;box-shadow:0 8px 30px #7122ac4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 40px;transition:all .3s ease}.share-again button:hover{background:linear-gradient(135deg,#5a1a7b,#128c7e);box-shadow:0 15px 40px #7122ac66;transform:translateY(-2px)}.game-footer{border-top:1px solid #e5e7eb;color:#6b7280;font-size:15px;margin-top:60px;padding-top:30px;text-align:center}.error-container,.loading-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:100px auto;max-width:600px;padding:60px 40px;text-align:center}.error-container h1{color:#ef4444;font-size:2rem;font-weight:700;margin-bottom:20px}.error-container button{background:linear-gradient(135deg,#7122ac,#25d366);border:none;border-radius:50px;box-shadow:0 8px 30px #7122ac4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px 40px;transition:all .3s ease}.error-container button:hover{box-shadow:0 15px 40px #7122ac66;transform:translateY(-2px)}@media (max-width:768px){.chat-top-game{padding:20px 15px}.game-header{margin-bottom:40px;padding:40px 20px}.game-header h1{font-size:2.2rem}.game-header p{font-size:1.7rem}.question-card{padding:25px 20px}.question-header{flex-direction:column;gap:15px;text-align:center}.category-icon{margin-bottom:0;margin-right:0}.question-header h3{font-size:1.8rem}.question-description{font-size:15px;padding:12px}.score-card,.score-display{padding:30px 20px}.score{font-size:3.5rem}.score-total{font-size:2rem}.score-card p{font-size:1.5rem}.game-results h3{font-size:1.7rem;margin:30px 0 20px}.answer-card{grid-template-columns:1fr;padding:20px 15px}.result-icon{grid-column:1;justify-self:center;margin-top:15px}.category-info{flex-direction:column;gap:10px;text-align:center}.category-details{margin-left:0}}@media (max-width:480px){.game-header h1{font-size:2rem}.game-header p{font-size:1.4rem}.question-card{padding:20px 15px}.question-header h3{font-size:1.8rem}.question-description{font-size:14px;padding:10px}.score-card,.score-display{padding:25px 15px}.score{font-size:3rem}.score-total{font-size:1.8rem}.score-card p{font-size:1.3rem}.game-results h3{font-size:1.4rem;margin:25px 0 15px}.share-again button,.submit-container button{font-size:16px;padding:16px 40px}.answer-card{padding:15px 12px}.category-name{font-size:16px}.category-description{font-size:14px}}.headlines-game-container{background:#f8f9fa;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;overflow-x:hidden;padding:40px 20px;width:100%}.headlines-game-header{background:linear-gradient(135deg,#7122ac,#25d366);border-radius:20px;box-shadow:0 20px 60px #7122ac4d;color:#fff;margin-bottom:60px;overflow:hidden;padding:60px 20px;position:relative;text-align:center}.headlines-game-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.headlines-game-header h2{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#fff!important;font-size:3.2rem;font-weight:700;margin-bottom:20px;position:relative;text-shadow:0 2px 10px #0003;z-index:1}.headlines-game-header p{color:#fff!important;font-size:2.8rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95;position:relative;z-index:1}.headlines-game-form{grid-gap:30px;display:grid;gap:30px;margin-bottom:50px}.question-block{background:#fff;border:1px solid #f3f4f6;border-radius:20px;box-shadow:0 10px 40px #0000001a;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s ease}.question-block:before{background:linear-gradient(90deg,#0000,#7122ac1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.question-block:hover:before{left:100%}.question-block:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-10px)}.question-number{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#7122ac;font-size:22px;font-weight:700;margin-bottom:15px}.question-description{background:linear-gradient(135deg,#f8f9fa,#fff);border-left:4px solid #25d366;border-radius:15px;box-shadow:0 4px 15px #0000000d;color:#1a1a1a;font-size:18px;line-height:1.6;margin-bottom:25px;padding:20px}.options-container{margin-top:20px}.user-select{background:#fff;border:2px solid #e5e7eb;border-radius:15px;box-shadow:0 4px 15px #0000000d;cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.user-select:focus{border-color:#25d366;box-shadow:0 0 0 3px #25d3661a;transform:translateY(-2px)}.user-select:hover{border-color:#7122ac;box-shadow:0 8px 25px #0000001a}.submit-button{background:linear-gradient(135deg,#25d366,#7122ac);border:none;border-radius:50px;box-shadow:0 8px 30px #25d3664d;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;margin:40px auto;overflow:hidden;padding:18px 48px;position:relative;transition:all .3s ease}.submit-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.submit-button:hover:before{left:100%}.submit-button:hover{background:linear-gradient(135deg,#128c7e,#5a1a7b);box-shadow:0 15px 40px #25d36666;transform:translateY(-3px)}.submit-button:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.results-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;padding:40px}.score-display{background:linear-gradient(135deg,#25d366,#7122ac);border-radius:20px;box-shadow:0 20px 60px #25d3664d;color:#fff;margin-bottom:50px;overflow:hidden;padding:50px;position:relative;text-align:center}.score-display:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E") repeat;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.score-display h3{-webkit-text-fill-color:#fff!important;background:none!important;background-clip:initial!important;-webkit-background-clip:unset!important;color:#fff!important;font-size:2.5rem;margin-top:0;text-shadow:0 2px 10px #0003}.score-big,.score-display h3{font-weight:700;position:relative;z-index:1}.score-big{color:#fff;font-size:5rem;margin:30px 0;text-shadow:0 4px 20px #0000004d}.score-display p{color:#fff!important;font-size:1.8rem;line-height:1.6;margin-bottom:30px;position:relative;z-index:1}.reset-button{background:linear-gradient(90deg,#25d366,#8a2be2);border:none;border-radius:50px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;color:#fff;cursor:pointer;display:block;font-size:18px;font-weight:600;margin:30px auto;padding:16px 40px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.reset-button:hover{background:linear-gradient(90deg,#128c7e,#7b2cbf);box-shadow:0 8px 25px #fff3;transform:translateY(-2px)}.reset-button:active{color:#000;transform:translateY(-1px)}.answers-review{margin-top:40px}.answers-review h4{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#7122ac;font-size:1.75rem;font-weight:700;margin-bottom:30px}.answer-review{background:#fff;border:1px solid #f3f4f6;border-radius:15px;box-shadow:0 8px 30px #0000001a;margin-bottom:20px;overflow:hidden;padding:25px;position:relative;transition:all .3s ease}.answer-review:hover{box-shadow:0 15px 40px #00000026;transform:translateY(-3px)}.answer-review.correct{background:linear-gradient(135deg,#fff,#f0fff4);border-left:5px solid #25d366}.answer-review.incorrect{background:linear-gradient(135deg,#fff,#fef2f2);border-left:5px solid #ef4444}.question-text{color:#1a1a1a;font-size:18px;font-weight:600;line-height:1.5;margin-bottom:15px}.answer-details{display:flex;flex-direction:column;gap:10px}.correct-answer{color:#25d366;font-size:16px;font-weight:600;padding-left:25px;position:relative}.correct-answer:before{color:#25d366;content:"✓ ";font-size:18px;font-weight:700;left:0;position:absolute}.name-headline-format{background:linear-gradient(135deg,#f0fff4,#fff);border-left:4px solid #25d366;border-radius:12px;box-shadow:0 4px 15px #25d3661a;display:flex;flex-direction:column;gap:12px;padding:20px}.name-headline-format .name-part{color:#7122ac;font-size:18px;font-weight:700}.name-headline-format .headline-part{color:#1a1a1a;font-size:16px;font-style:italic;line-height:1.5}.name-headline-format .name-part:after{content:":";margin-left:2px}.user-answer{color:#ef4444;font-size:16px;font-weight:600}.no-answer{color:#6b7280;font-size:16px;font-style:italic}.game-data-section{background:linear-gradient(135deg,#fff,#f8f9fa);border-left:4px solid #25d366;border-radius:15px;box-shadow:0 10px 30px #0000001a;margin-bottom:40px;padding:30px}.game-data-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#7122ac,#25d366);background-clip:text;-webkit-background-clip:text;color:#7122ac;font-size:1.5rem;font-weight:700;margin-bottom:20px}.game-data-list{display:flex;flex-direction:column;gap:15px}.game-data-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;box-sizing:border-box;display:flex;padding:15px 0;transition:all .3s ease;width:100%}.game-data-item:last-child{border-bottom:none}.game-data-item:hover{background:#25d36605;border-radius:8px;padding-left:10px;padding-right:10px}.game-data-name{color:#7122ac;font-size:16px;font-weight:700;margin-right:12px;min-width:fit-content}.game-data-name:after{content:":"}.game-data-description{word-wrap:break-word;color:#1a1a1a;flex:1 1;font-size:16px;-webkit-hyphens:auto;hyphens:auto;line-height:1.5;overflow-wrap:break-word;white-space:normal}.headlines-game-container.loading-container,.headlines-game-error{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;margin:100px auto;max-width:600px;padding:60px 40px;text-align:center}.spinner{animation:spin 1s linear infinite;border:6px solid #f3f4f6;border-radius:50%;border-top-color:#25d366;height:60px;margin:0 auto 30px;width:60px}.headlines-game-error h1{color:#ef4444;font-size:2rem;font-weight:700;margin-bottom:20px}.headlines-game-error button{background:linear-gradient(135deg,#7122ac,#25d366);border:none;border-radius:50px;box-shadow:0 8px 30px #7122ac4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:20px;padding:16px 40px;transition:all .3s ease}.headlines-game-error button:hover{box-shadow:0 15px 40px #7122ac66;transform:translateY(-2px)}@media (max-width:768px){.headlines-game-container{padding:20px 15px}.headlines-game-header{margin-bottom:40px;padding:40px 20px}.headlines-game-header h2{font-size:2.2rem}.headlines-game-header p{font-size:2rem}.question-block{padding:25px 20px}.question-number{font-size:18px}.question-description{font-size:16px;padding:15px}.score-display{padding:30px 20px}.score-big{font-size:3.5rem}.answer-review{padding:20px 15px}.game-data-section{padding:20px}}@media (max-width:480px){.headlines-game-container{padding:15px 10px}.headlines-game-header h2{font-size:2rem}.headlines-game-header p{font-size:1.7rem}.question-block{padding:20px 15px}.question-number{font-size:16px}.question-description{font-size:15px;padding:12px}.score-display{padding:25px 15px}.score-big{font-size:3rem}.submit-button{font-size:16px;padding:16px 40px}.game-data-section{margin-bottom:30px;padding:20px 15px}.game-data-title{font-size:1.3rem;margin-bottom:15px}.game-data-item{align-items:flex-start;flex-direction:column;gap:8px;padding:12px 0}.game-data-name{font-size:15px;margin-bottom:5px;margin-right:0;min-width:auto}.game-data-description{word-wrap:break-word;font-size:14px;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;overflow-wrap:break-word}.answer-review{padding:15px 10px}.name-headline-format{flex-direction:column;gap:8px}.name-headline-format .name-part{font-size:15px}.name-headline-format .headline-part{word-wrap:break-word;font-size:14px;overflow-wrap:break-word}}@media (max-width:360px){.headlines-game-container{padding:12px 8px}.headlines-game-header{margin-bottom:30px;padding:30px 15px}.headlines-game-header h2{font-size:1.8rem;line-height:1.2}.headlines-game-header p{font-size:1.5rem;line-height:1.3}.question-block{padding:16px 12px}.question-number{font-size:15px}.question-description{font-size:14px;line-height:1.4;padding:10px}.score-display{padding:20px 12px}.score-big{font-size:2.5rem}.submit-button{font-size:15px;max-width:280px;padding:14px 30px;width:100%}.game-data-section{margin-bottom:25px;padding:16px 12px}.game-data-title{font-size:1.2rem;margin-bottom:12px}.game-data-item{gap:6px;padding:10px 0}.game-data-name{font-size:14px;font-weight:700}.game-data-description{font-size:13px;line-height:1.3}.answer-review{padding:12px 8px}.answers-review h4{font-size:1.2rem;margin-bottom:15px}.name-headline-format .name-part{font-size:14px}.name-headline-format .headline-part{font-size:13px}.reset-button{font-size:14px;max-width:280px;padding:12px 24px;width:100%}}@media (max-width:320px){.headlines-game-container{padding:10px 6px}.headlines-game-header{margin-bottom:25px;padding:25px 12px}.headlines-game-header h2{font-size:1.6rem;line-height:1.1}.headlines-game-header p{font-size:1.3rem;line-height:1.2}.question-block{padding:14px 10px}.question-number{font-size:14px}.question-description{font-size:13px;line-height:1.3;padding:8px}.score-display{padding:18px 10px}.score-big{font-size:2.2rem}.submit-button{font-size:14px;max-width:260px;padding:12px 24px;width:100%}.game-data-section{margin-bottom:20px;padding:14px 10px}.game-data-title{font-size:1.1rem;margin-bottom:10px}.game-data-item{gap:5px;padding:8px 0}.game-data-name{font-size:13px;font-weight:700}.game-data-description{font-size:12px;line-height:1.2}.answer-review{padding:10px 6px}.answers-review h4{font-size:1.1rem;margin-bottom:12px}.name-headline-format .name-part{font-size:13px}.name-headline-format .headline-part{font-size:12px}.reset-button{font-size:13px;max-width:260px;padding:10px 20px;width:100%}.user-select{font-size:14px;padding:14px 16px}}.share-game-modal{align-items:center;animation:fadeIn .3s ease;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.share-game-modal-content{animation:slideUp .3s ease;background-color:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:500px;padding:30px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-modal{color:#888;cursor:pointer;font-size:24px;position:absolute;right:15px;top:15px;transition:color .3s ease}.close-modal:hover{color:#333}.share-game-modal-content h3{color:#075e54;margin-bottom:15px;margin-top:0;text-align:center}.share-game-modal-content p{color:#666;margin-bottom:20px;text-align:center}.warning-message{background-color:#8b15381a;border-left:4px solid #8b1538;border-radius:6px;color:#8b1538!important;font-size:14px!important;font-weight:600!important;margin-bottom:15px!important;padding:8px 12px}.game-url-container{display:flex;margin-bottom:20px;position:relative}.game-url-container input{background-color:#f9f9f9;border:1px solid #ddd;border-radius:5px 0 0 5px;color:#333;flex:1 1;font-size:14px;padding:12px 15px}.game-url-container button{background-color:#075e54;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;padding:12px 20px;transition:background-color .3s ease}.game-url-container button:hover{background-color:#064942}.copied-message{animation:slideInFromBottom .4s cubic-bezier(.68,-.55,.265,1.55),fadeOutAfter 2.5s ease-in-out;animation-fill-mode:both;background-color:#4caf50;border:2px solid #45a049;border-radius:30px;bottom:-55px;box-shadow:0 8px 25px #4caf5080;color:#fff;font-size:15px;gap:10px;left:50%;min-width:fit-content;padding:12px 24px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1001}.copied-message,.copied-message:before{align-items:center;display:flex;font-weight:700;justify-content:center}.copied-message:before{background:#fff;border-radius:50%;color:#4caf50;content:"✓";flex-shrink:0;font-size:18px;height:24px;width:24px}@keyframes slideInFromBottom{0%{opacity:0;transform:translateX(-50%) translateY(15px) scale(.8)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}@keyframes fadeOutAfter{0%,80%{opacity:1}to{opacity:0}}.share-options{display:flex;flex-direction:column;gap:10px}.whatsapp-share{align-items:center;background-color:#25d366;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;padding:12px;transition:background-color .3s ease}.whatsapp-share:hover{background-color:#128c7e}.top-profiles-viewer{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;padding:20px}.top-profiles-viewer .container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.top-profiles-viewer .header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;text-align:center}.top-profiles-viewer .header h1{font-size:2.2em;margin:0 0 8px}.top-profiles-viewer .header p{margin:5px 0;opacity:.9}.top-profiles-viewer .header div{font-size:.9em;margin-top:10px;opacity:.8}.top-profiles-viewer .content{padding:40px}.top-profiles-viewer .grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.top-profiles-viewer .profile-card{background:#fff;border:2px solid #f0f0f0;border-radius:25px;box-shadow:0 5px 15px #0000001a;padding:40px;text-align:center;transition:transform .3s ease}.top-profiles-viewer .profile-card:hover{border-color:#667eea;transform:translateY(-5px)}.top-profiles-viewer .profile-icon{font-size:5em;margin-bottom:25px}.top-profiles-viewer .profile-card h3{color:#333;font-size:1.8em;margin:20px 0}.top-profiles-viewer .profile-card p{color:#666;font-size:1.3em;margin:20px 0}.top-profiles-viewer .winner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;font-size:1.5em;font-weight:700;margin:25px 0;padding:22px}.top-profiles-viewer .footer{background:#333;color:#fff;padding:30px;text-align:center}.top-profiles-viewer .footer h3{margin:0 0 10px}.top-profiles-viewer .footer p{margin:10px 0 20px;opacity:.9}.top-profiles-viewer .cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:transform .3s ease}.top-profiles-viewer .cta-button:hover{transform:translateY(-2px)}.top-profiles-viewer.error,.top-profiles-viewer.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}.top-profiles-viewer .loading-spinner{animation:spin 1s linear infinite;font-size:3em;margin-bottom:20px}.top-profiles-viewer .error-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:40px}.top-profiles-viewer .error-container h2{color:#333;font-size:2em;margin-bottom:20px}.top-profiles-viewer .error-container p{color:#666;font-size:1.1em;margin-bottom:30px}@media (max-width:768px){.top-profiles-viewer{padding:10px}.top-profiles-viewer .header{padding:20px 15px}.top-profiles-viewer .header h1{font-size:1.8em}.top-profiles-viewer .content{padding:25px 15px}.top-profiles-viewer .grid{gap:15px;grid-template-columns:repeat(2,1fr)}.top-profiles-viewer .profile-card{padding:15px 10px}.top-profiles-viewer .profile-icon{font-size:2em;margin-bottom:8px}.top-profiles-viewer .profile-card h3{font-size:1em;margin:5px 0}.top-profiles-viewer .profile-card p{font-size:.8em;margin:5px 0}.top-profiles-viewer .winner{font-size:.9em;margin:8px 0;padding:8px}.top-profiles-viewer .footer{padding:25px 15px}}.analysis-viewer{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;min-height:100vh;padding:20px}.analysis-viewer .main-container{margin:0 auto;max-width:1200px}.analysis-viewer .header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px 20px 0 0;color:#fff;padding:30px;text-align:center}.analysis-viewer .header h1{font-size:2.2em;margin:0 0 8px}.analysis-viewer .header p{margin:5px 0;opacity:.9}.analysis-viewer .header div{font-size:.9em;margin-top:10px;opacity:.8}.analysis-viewer .content{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 10px 30px #0000001a;padding:40px}.analysis-viewer .section{margin-bottom:40px}.analysis-viewer .section h2{border-bottom:3px solid #667eea;color:#2c3e50;font-size:1.8em;margin:30px 0 20px;padding-bottom:10px}.analysis-viewer .psychology-list{display:flex;flex-direction:column;gap:20px;margin:20px 0}.analysis-viewer .psychology-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.analysis-viewer .psychology-item:hover{transform:translateY(-2px)}.analysis-viewer .avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.2em;font-weight:700;height:50px;justify-content:center;width:50px}.analysis-viewer .green-avatar{background:linear-gradient(135deg,#27ae60,#2ecc71)}.analysis-viewer .purple-avatar{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.analysis-viewer .pink-avatar{background:linear-gradient(135deg,#e91e63,#f06292)}.analysis-viewer .blue-avatar{background:linear-gradient(135deg,#3498db,#5dade2)}.analysis-viewer .orange-avatar{background:linear-gradient(135deg,#f39c12,#f5b041)}.analysis-viewer .teal-avatar{background:linear-gradient(135deg,#16a085,#48c9b0)}.analysis-viewer .yellow-avatar{background:linear-gradient(135deg,#f1c40f,#f4d03f)}.analysis-viewer .psychology-content{flex:1 1}.analysis-viewer .psychology-content h4{color:#2c3e50;font-size:1.3em;margin-bottom:10px}.analysis-viewer .psychology-content p{color:#5a6c7d;margin-bottom:15px}.analysis-viewer .alert-tags,.analysis-viewer .psychology-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.analysis-viewer .tag{border-radius:20px;color:#fff;font-size:.85em;font-weight:500;padding:5px 12px}.analysis-viewer .tag.green{background:linear-gradient(135deg,#27ae60,#2ecc71)}.analysis-viewer .tag.purple{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.analysis-viewer .tag.pink{background:linear-gradient(135deg,#e91e63,#f06292)}.analysis-viewer .tag.blue{background:linear-gradient(135deg,#3498db,#5dade2)}.analysis-viewer .tag.orange{background:linear-gradient(135deg,#f39c12,#f5b041)}.analysis-viewer .tag.teal{background:linear-gradient(135deg,#16a085,#48c9b0)}.analysis-viewer .tag.yellow{background:linear-gradient(135deg,#f1c40f,#f4d03f)}.analysis-viewer .tag.red{background:linear-gradient(135deg,#e74c3c,#f1948a)}.analysis-viewer .subsection-item{border-radius:15px;box-shadow:0 4px 15px #0000001a;margin:20px 0;overflow:hidden}.analysis-viewer .subsection-header{color:#fff;font-weight:600;padding:15px 20px}.analysis-viewer .alert-section .subsection-header{background:linear-gradient(135deg,#e74c3c,#f39c12)}.analysis-viewer .recommendations-section .subsection-header{background:linear-gradient(135deg,#27ae60,#2ecc71)}.analysis-viewer .subsection-header h4{align-items:center;display:flex;gap:10px;margin:0}.analysis-viewer .subsection-icon{font-size:1.2em}.analysis-viewer .subsection-content{background:#fff;padding:20px}.analysis-viewer .subsection-content p{margin:10px 0}.analysis-viewer .subsection-content ul{margin:10px 0;padding-left:20px}.analysis-viewer .subsection-content li{margin:5px 0}.analysis-viewer .footer{background:#2c3e50;border-radius:20px;color:#fff;margin-top:30px;padding:30px;text-align:center}.analysis-viewer .footer h3{margin:0 0 10px}.analysis-viewer .footer p{margin:10px 0 20px;opacity:.9}.analysis-viewer .cta-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:transform .3s ease}.analysis-viewer .cta-button:hover{transform:translateY(-2px)}.analysis-viewer.error,.analysis-viewer.loading{align-items:center;display:flex;justify-content:center;min-height:100vh;text-align:center}.analysis-viewer .loading-spinner{animation:spin 1s linear infinite;font-size:3em;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.analysis-viewer .error-container{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;max-width:500px;padding:40px}.analysis-viewer .error-container h2{color:#333;font-size:2em;margin-bottom:20px}.analysis-viewer .error-container p{color:#666;font-size:1.1em;margin-bottom:30px}@media (max-width:768px){.analysis-viewer{padding:10px}.analysis-viewer .header{padding:20px 15px}.analysis-viewer .header h1{font-size:1.8em}.analysis-viewer .content{padding:25px 15px}.analysis-viewer .psychology-item{flex-direction:column;gap:10px;text-align:center}.analysis-viewer .avatar{align-self:center}.analysis-viewer .alert-tags,.analysis-viewer .psychology-tags{justify-content:center}.analysis-viewer .subsection-content{padding:15px}}
/*# sourceMappingURL=main.4cd64bf6.css.map*/