@charset "UTF-8";@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0);opacity:1}}@tailwind base;@tailwind components;@tailwind utilities;body{background:#12121e;color:#fffffff2;font-family:Roboto,sans-serif;margin:0;padding:0;line-height:1.5;scrollbar-width:thin;scrollbar-color:rgba(208,74,183,.5) rgba(255,255,255,.1)}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}body::-webkit-scrollbar-thumb{background:#d04ab780;border-radius:4px;border:1px solid rgba(255,255,255,.1)}body::-webkit-scrollbar-thumb:hover{background:#d04ab7b3}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 767px){.container{padding:0 16px}}.section{padding:80px 0}.section--dark{background:#12121e}.section--gradient{background:linear-gradient(135deg,#1562cb1a,#d803b21a)}.section--light{background:#1e1e2db3}h1,h2,h3,h4,h5,h6{font-family:Roboto Condensed,sans-serif;font-weight:600;color:#fffffff2;margin:0 0 16px;line-height:1.2}h1{font-size:3rem}@media (min-width: 1024px){h1{font-size:4rem}}h2{font-size:2rem;text-align:center;margin-bottom:24px}@media (min-width: 1024px){h2{font-size:2.5rem}}h3{font-size:1.5rem}@media (min-width: 1024px){h3{font-size:1.75rem}}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p,span,label,div{font-family:Roboto,sans-serif;color:#ffffffb3;margin:0 0 16px}p:last-child,span:last-child,label:last-child,div:last-child{margin-bottom:0}a{color:#d04ab7;text-decoration:none;transition:color .2s ease}a:hover{color:#db72c7}.grid{display:grid;gap:24px}.grid.grid-cols-1,.grid.grid-cols-2{grid-template-columns:1fr}@media (min-width: 768px){.grid.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid.grid-cols-3{grid-template-columns:1fr}@media (min-width: 768px){.grid.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.grid.grid-cols-4{grid-template-columns:1fr}@media (min-width: 768px){.grid.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mb-6{margin-bottom:32px}.mt-0{margin-top:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:24px}.mt-6{margin-top:32px}.space-y-1>*+*{margin-top:4px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.space-y-4>*+*{margin-top:16px}.space-y-5>*+*{margin-top:24px}.space-y-6>*+*{margin-top:32px}.site-header{position:fixed;top:0;left:0;right:0;z-index:1020;transition:all .3s ease;background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:16px 0}.site-header.scrolled{background:#12121e33;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 5px #0003}.site-header .container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 767px){.site-header .container{padding:0 16px}}.site-header .header-content{display:flex;align-items:center;justify-content:space-between}.site-header .header-right{display:flex;align-items:center;gap:32px}.site-header .header-nav{display:none;gap:24px}@media (min-width: 768px){.site-header .header-nav{display:flex}}.site-header .nav-link{font-family:Roboto Condensed,sans-serif;color:#ffffffb3;font-weight:500;padding:8px 16px;border-radius:6px;transition:all .2s ease;text-decoration:none}.site-header .nav-link:hover{color:#fffffff2;background:#ffffff0d}.site-header .nav-link.active{color:#d04ab7;background:#d04ab71a}.site-header .logo{display:flex;align-items:center;margin-bottom:0}.site-header .logo .logo-image{height:40px;width:auto;transition:all .3s ease}.site-header .logo .logo-image:hover{transform:scale(1.05)}@media (min-width: 768px){.site-header .logo .logo-image{height:50px}}.mobile-menu-toggle{display:block;background:none;border:none;color:#fffffff2;font-size:1.5rem;padding:8px;cursor:pointer}@media (min-width: 768px){.mobile-menu-toggle{display:none}}.site-footer{background:#12121e;border-top:1px solid rgba(255,255,255,.1);padding:60px 0 40px}.site-footer .container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 767px){.site-footer .container{padding:0 16px}}.site-footer .footer-grid{display:grid;grid-template-columns:1fr;gap:32px;margin-bottom:32px}@media (min-width: 768px){.site-footer .footer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.site-footer .footer-grid{grid-template-columns:repeat(4,1fr)}}.site-footer .footer-section-title{font-family:Roboto Condensed,sans-serif;font-weight:600;color:#fffffff2;margin-bottom:16px;font-size:1.1rem}.site-footer .footer-description{color:#ffffffb3;font-size:.9rem;line-height:1.6}.site-footer .footer-links{list-style:none;padding:0;margin:0}.site-footer .footer-links li{margin-bottom:8px}.site-footer .footer-link{color:#ffffffb3;font-size:.9rem;text-decoration:none;transition:color .2s ease}.site-footer .footer-link:hover{color:#fffffff2}.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center}.site-footer .footer-bottom p{color:#fff6;font-size:.85rem;margin:0}.site-footer .footer-bottom p a{color:#d04ab7}.site-footer .footer-bottom p a:hover{color:#db72c7}.site-footer .social-links{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.site-footer .social-links a{color:#ffffffb3;transition:color .2s ease}.site-footer .social-links a:hover{color:#d04ab7}.site-footer .social-icon{width:24px;height:24px;color:#ffffffb3;transition:color .2s ease}.site-footer .social-icon:hover{color:#d04ab7}.btn-primary{font-family:Roboto Condensed,sans-serif;background:linear-gradient(90deg,#9e2a88,#e151c4);border:1px solid rgba(225,81,196,.5);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:1rem}.btn-primary svg{width:36px!important;height:36px!important;stroke:#fff;stroke-width:2;flex-shrink:0}.btn-primary:hover{background:linear-gradient(90deg,#b533a3,#ff6dd6);box-shadow:0 4px 12px #e151c466;transform:translateY(-1px);color:#fff}.btn-primary:hover svg{stroke:#fff}.btn-primary:active{transform:translateY(0)}.btn-primary.btn-cta{padding:16px 32px;font-size:1.1rem;position:relative;overflow:hidden;justify-content:center}.btn-primary.btn-cta svg{width:30px!important;height:30px!important}.btn-primary.btn-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s ease}.btn-primary.btn-cta:hover:before{opacity:1}.btn-secondary{font-family:Roboto Condensed,sans-serif;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffffff2;padding:12px 24px;border-radius:8px;font-weight:500;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:1rem}.btn-secondary svg{width:36px!important;height:36px!important;stroke:#fffffff2;stroke-width:2;flex-shrink:0}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3;color:#fffffff2;transform:translateY(-1px)}.btn-secondary:hover svg{stroke:#fffffff2}.btn-outline{font-family:Roboto Condensed,sans-serif;background:transparent;border:2px solid #d04ab7;color:#d04ab7;padding:12px 24px;border-radius:8px;font-weight:600;transition:all .2s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-outline svg{width:36px!important;height:36px!important;stroke:#d04ab7;stroke-width:2;flex-shrink:0}.btn-outline:hover{background:#d04ab7;color:#fff;transform:translateY(-1px)}.btn-outline:hover svg{stroke:#fff}.btn-sm{padding:8px 16px;font-size:.9rem}.btn-sm svg{width:32px!important;height:32px!important}.btn-lg{padding:16px 32px;font-size:1.2rem}.btn-lg svg{width:44px!important;height:44px!important}.btn-full{width:100%;justify-content:center}.btn-group{display:flex;gap:16px}@media (max-width: 767px){.btn-group{flex-direction:column}}@media (min-width: 768px){.btn-group{flex-direction:row;justify-content:center}}.text-green-400 svg,.text-blue-300 svg{flex-shrink:0}.grid .flex.items-center svg{flex-shrink:0;margin-right:0}.hero-section{background:#12121e;min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;padding-top:80px}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(21,98,203,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(216,3,178,.1) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}@media (min-width: 1024px){.hero-section{min-height:650px}}.hero-section .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 767px){.hero-section .container{padding:0 16px}}.hero-title{font-size:3rem;font-weight:700;color:#fffffff2;margin-bottom:48px;text-align:center;line-height:1.2}@media (min-width: 1024px){.hero-title{font-size:3.5rem}}.hero-title .highlight{font-family:Chewy,cursive;background:linear-gradient(90deg,#1562cb,#d803b2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;position:relative;font-weight:400;margin:0 8px}.hero-title .highlight:before{content:attr(data-text);position:absolute;top:0;left:0;z-index:-1;color:#fff;text-shadow:-4px -4px 0 white,4px -4px 0 white,-4px 4px 0 white,4px 4px 0 white,-4px 0 0 white,4px 0 0 white,0 -4px 0 white,0 4px 0 white;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.5))}.hero-content{display:grid;grid-template-columns:1fr;gap:48px;align-items:center}@media (min-width: 1024px){.hero-content{grid-template-columns:1fr 1fr;gap:64px}}.hero-left{text-align:center}@media (min-width: 1024px){.hero-left{text-align:left}}.hero-right{order:-1}@media (min-width: 1024px){.hero-right{order:0}}.hero-subtitle{font-size:1.25rem;color:#ffffffb3;max-width:100%;margin:0 0 24px;line-height:1.6}@media (min-width: 1024px){.hero-subtitle{font-size:1.3rem}}.hero-cta-container{display:flex;flex-direction:column;gap:16px;justify-content:center}@media (min-width: 768px){.hero-cta-container{flex-direction:row}}@media (min-width: 1024px){.hero-cta-container{justify-content:flex-start}}@media (min-width: 768px){.hero-cta-container .btn-primary,.hero-cta-container .btn-secondary{min-width:180px}}.hero-video{position:relative;border-radius:16px;overflow:hidden;width:100%;background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0006}.hero-video:before{content:"";display:block;width:100%;padding-top:56.25%}.hero-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.hero-video video{width:100%;height:auto;display:block}.hero-video .aspect-video{position:relative;width:100%;height:0;padding-bottom:56.25%;background:#373746cc;display:flex;align-items:center;justify-content:center}.hero-video .play-button{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;transition:all .3s ease;cursor:pointer}.hero-video .play-button:hover{background:#0003}.hero-video .play-button .play-icon{width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:2rem;transition:all .3s ease}.hero-video .play-button .play-icon:hover{background:#ffffff4d;transform:scale(1.1)}.features-section{background:#12121e;padding:0 0 80px}.feature-card{background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:24px;border-radius:16px;transition:all .3s ease;height:270px}.feature-card:hover{transform:translateY(-8px);background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0006}.feature-card .feature-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(90deg,#9e2a88,#e151c4);border-radius:50%;position:relative}.feature-card .feature-icon svg{width:35px!important;height:35px!important;stroke:#fff;stroke-width:1.5}.feature-card .feature-icon:not(:has(svg)){font-size:3rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-card .feature-title{font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:600;margin-bottom:12px;color:#fffffff2;text-align:center}.feature-card .feature-description{color:#ffffffb3;line-height:1.6;text-align:center}.feature-card:has(.text-4xl) .text-4xl{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.feature-card:has(.text-4xl) .text-4xl svg{width:35px!important;height:35px!important;stroke:#d04ab7;stroke-width:1.5}.feature-card:has(.text-4xl) ul{list-style:none;padding:0;margin:0;text-align:left}.personas-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:24px 0}.persona-card{background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .3s ease;text-align:center;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column}.persona-card:hover{transform:translateY(-4px) scale(1.02);background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;border-color:#d04ab74d}.persona-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.02),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .8s ease}.persona-card:hover:before{transform:rotate(45deg) translate(100%,100%)}.persona-card .persona-avatar{width:70px;height:70px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(90deg,#9e2a88,#e151c4);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:1}.persona-card .persona-avatar svg{width:40px!important;height:40px!important;stroke:#fff;stroke-width:1.5}.persona-card .persona-name{font-family:Roboto Condensed,sans-serif;font-size:1.4rem;font-weight:600;color:#fffffff2;margin-bottom:12px;position:relative;z-index:1}.persona-card .persona-description{color:#ffffffb3;font-size:.95rem;margin-bottom:auto;line-height:1.6;position:relative;z-index:1;flex-grow:1;padding-bottom:16px}.persona-card .persona-actions{margin-top:auto;position:relative;z-index:1}.persona-card:has(.text-5xl) .text-5xl{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.persona-card:has(.text-5xl) .text-5xl svg{width:40px!important;height:40px!important;stroke:#d04ab7;stroke-width:1.5}@media (min-width: 1024px){.use-cases-section .persona-card{height:225px;min-height:0}}.btn-copy{font-family:Roboto Condensed,sans-serif;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffffff2;padding:12px 16px;border-radius:8px;font-weight:500;transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:.9rem;min-width:140px;justify-content:center;position:relative;overflow:hidden}.btn-copy svg{width:20px!important;height:20px!important;stroke:#fffffff2;stroke-width:2;flex-shrink:0;transition:all .2s ease}.btn-copy:hover{background:#ffffff1f;border-color:#fff3;color:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-copy:hover svg{stroke:#fffffff2;transform:scale(1.1)}.btn-copy:active{transform:translateY(0)}.btn-copy:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-copy:active:after{width:120px;height:120px}.btn-copy.copy-success{background:#34d39933;border-color:#34d39966;color:#34d399}.btn-copy.copy-success svg{stroke:#34d399}.btn-copy.copy-error{background:#ef444433;border-color:#ef444466;color:#ef4444}.btn-copy.copy-error svg{stroke:#ef4444}.persona-prompt{position:absolute;left:-9999px;opacity:0;pointer-events:none}@media (max-width: 767px){.personas-gallery{grid-template-columns:1fr;gap:16px}.persona-card{min-height:340px;padding:16px}.persona-card .persona-avatar{width:60px;height:60px}.persona-card .persona-avatar svg{width:32px!important;height:32px!important}.persona-card .persona-name{font-size:1.2rem}.persona-card .persona-description{font-size:.9rem}.btn-copy{font-size:.85rem;padding:8px 12px;min-width:120px}.btn-copy svg{width:18px!important;height:18px!important}}.characters-main-section{background:#12121e;padding:140px 0 64px;position:relative;overflow:hidden}.characters-main-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(21,98,203,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(216,3,178,.1) 0%,transparent 50%);animation:backgroundShift 20s ease-in-out infinite}.characters-main-section .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 767px){.characters-main-section .container{padding:0 16px}}.characters-page-header{text-align:center;margin-bottom:32px}.characters-page-header .characters-page-title{font-family:Roboto Condensed,sans-serif;font-size:2.5rem;font-weight:700;color:#fffffff2;margin-bottom:24px;line-height:1.2}@media (max-width: 767px){.characters-page-header .characters-page-title{font-size:2rem;margin-bottom:16px}}@media (min-width: 1024px){.characters-page-header .characters-page-title{font-size:3rem}}.characters-page-header .characters-page-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width: 767px){.characters-page-header .characters-page-actions{flex-direction:column;align-items:center;gap:12px}}.characters-filters-container{margin-bottom:32px}.characters-grid-container{position:relative;min-height:400px}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px}@media (max-width: 767px){.characters-grid{grid-template-columns:1fr;gap:16px}}@media (min-width: 768px){.characters-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width: 1024px){.characters-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.character-card{background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px}.character-card:hover{transform:translateY(-4px);background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;border-color:#d04ab74d}.character-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.02),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .8s ease}.character-card:hover:before{transform:rotate(45deg) translate(100%,100%)}.character-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.character-avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(90deg,#9e2a88,#e151c4);display:flex;align-items:center;justify-content:center;color:#fff;position:relative;z-index:1;flex-shrink:0}.character-avatar svg{width:30px!important;height:30px!important;stroke:#fff;stroke-width:1.5}.character-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.character-badge{padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap}.character-badge.featured{background:linear-gradient(45deg,#f59e0b,#f97316);color:#fff;box-shadow:0 2px 4px #f59e0b4d}.character-badge.source{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.character-badge.gender{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.character-content{flex-grow:1;display:flex;flex-direction:column;margin-bottom:16px}.character-name{font-family:Roboto Condensed,sans-serif;font-size:1.4rem;font-weight:600;color:#fffffff2;margin-bottom:8px;line-height:1.3;position:relative;z-index:1}.character-description{color:#ffffffb3;font-size:.95rem;margin-bottom:16px;line-height:1.6;position:relative;z-index:1;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.character-attributes{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.attribute-row{display:flex;gap:16px;flex-wrap:wrap}.attribute{display:flex;align-items:center;gap:4px;font-size:.85rem;color:#ffffffb3}.attribute svg{width:14px!important;height:14px!important;stroke:#d04ab7;stroke-width:2;flex-shrink:0}.attribute.rating{color:#fbbf24}.attribute.rating svg{stroke:#fbbf24;fill:#fbbf24}.attribute.submitter{color:#fff9;font-style:italic;font-size:.8rem}.character-actions{margin-top:auto;position:relative;z-index:1;display:flex;gap:8px;align-items:center}.btn-copy,.btn-send{font-family:Roboto Condensed,sans-serif;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#fffffff2;padding:12px 16px;border-radius:8px;font-weight:500;transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:.9rem;justify-content:center;position:relative;overflow:hidden;flex:1}.btn-copy svg,.btn-send svg{width:18px!important;height:18px!important;stroke:#fffffff2;stroke-width:2;flex-shrink:0;transition:all .2s ease}.btn-copy:hover,.btn-send:hover{background:#ffffff1f;border-color:#fff3;color:#fffffff2;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-copy:hover svg,.btn-send:hover svg{stroke:#fffffff2;transform:scale(1.1)}.btn-copy:active,.btn-send:active{transform:translateY(0)}.btn-copy:after,.btn-send:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.btn-copy:active:after,.btn-send:active:after{width:120px;height:120px}.btn-send{background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid transparent;color:#fff;animation:bridgePulse 3s ease-in-out infinite}.btn-send svg{stroke:#fff}.btn-copy-secondary{flex:0 0 auto;min-width:80px;padding:12px;font-size:.85rem}.copy-success,.send-success{background:#10b981cc!important;border-color:#10b98199!important;color:#fff!important;animation:successPulse .5s ease}.copy-success svg,.send-success svg{stroke:#fff!important}.copy-error,.send-error{background:#ef4444cc!important;border-color:#ef444499!important;color:#fff!important;animation:errorShake .5s ease}.copy-error svg,.send-error svg{stroke:#fff!important}.send-sending{background:#d04ab799!important;border-color:#d04ab766!important;cursor:not-allowed;animation:none}.send-sending svg{stroke:#fffc!important}.character-prompt{position:absolute;left:-9999px;opacity:0;pointer-events:none}.characters-loading{display:flex;align-items:center;justify-content:center;min-height:400px}.characters-loading .loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;color:#ffffffb3}.characters-loading .loading-spinner svg{width:40px!important;height:40px!important;stroke:#d04ab7;animation:spin 1s linear infinite}.characters-loading .loading-spinner span{font-size:1.1rem;font-weight:500}.characters-empty{display:flex;align-items:center;justify-content:center;min-height:400px;width:100%;text-align:center}.characters-empty .empty-state{text-align:center;max-width:400px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.characters-empty .empty-state .empty-icon{width:80px;height:80px;margin:0 auto 24px;background:#ffffff0d;border-radius:50%;display:flex;align-items:center;justify-content:center}.characters-empty .empty-state .empty-icon svg{width:40px!important;height:40px!important;stroke:#ffffffb3;stroke-width:1.5}.characters-empty .empty-state h3{font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:12px}.characters-empty .empty-state p{color:#ffffffb3;font-size:1rem;margin-bottom:24px;line-height:1.6}.characters-empty .empty-state .btn-secondary{align-self:center}.characters-error{display:flex;align-items:center;justify-content:center;min-height:400px}.characters-error .error-state{text-align:center;max-width:400px}.characters-error .error-state .error-icon{width:80px;height:80px;margin:0 auto 24px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.characters-error .error-state .error-icon svg{width:40px!important;height:40px!important;stroke:#ef4444;stroke-width:1.5}.characters-error .error-state h3{font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:600;color:#fffffff2;margin-bottom:12px}.characters-error .error-state p{color:#ffffffb3;font-size:1rem;margin-bottom:24px;line-height:1.6}.characters-load-more{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.characters-pagination-info{text-align:center;margin-top:16px}.characters-pagination-info .pagination-text{color:#ffffffb3;font-size:.9rem}.community-contribution-features{margin-bottom:24px}.contribution-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;max-width:600px;margin:0 auto 24px}.contribution-feature{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.contribution-feature svg{width:24px!important;height:24px!important;stroke:#d04ab7;stroke-width:2}.contribution-feature span{color:#fffffff2;font-size:.9rem;font-weight:500}.translation-notice{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;margin-bottom:24px}.translation-notice .notice-header{display:flex;align-items:center;gap:8px;color:#fffffff2;margin-bottom:12px;font-size:.95rem}.translation-notice .notice-header svg{width:16px!important;height:16px!important;stroke:#60a5fa}.translation-notice .notice-text{color:#fffc;font-size:.9rem;line-height:1.4;margin:0}.status-badge.status-auto{background:#3b82f633;color:#60a5fa;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}@media (max-width: 767px){.characters-grid{padding:0 12px}.character-card{min-height:380px;padding:16px}.character-card .character-avatar{width:50px;height:50px}.character-card .character-avatar svg{width:24px!important;height:24px!important}.character-card .character-name{font-size:1.2rem}.character-card .character-description{font-size:.9rem}.character-card .attribute-row{gap:12px}.character-card .attribute{font-size:.8rem}.btn-copy,.btn-send{font-size:.85rem;padding:8px 12px}.btn-copy svg,.btn-send svg{width:16px!important;height:16px!important}.btn-copy-secondary{min-width:70px;padding:8px}.btn-copy-secondary svg{width:14px!important;height:14px!important}.contribution-features-grid{grid-template-columns:1fr;gap:12px}.characters-page-header{margin-bottom:24px}.characters-page-header .characters-page-title{margin-bottom:16px}}@keyframes backgroundShift{0%,to{opacity:.5}50%{opacity:1}}.characters-filters{background:#12121e0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-top:50px;margin-bottom:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 767px){.characters-filters{padding:16px}}.filter-section{margin-bottom:24px}.search-and-submit-container{display:flex;gap:16px;align-items:stretch}@media (max-width: 767px){.search-and-submit-container{flex-direction:column;gap:12px;align-items:stretch}}.search-container{position:relative;flex:1;max-width:none}@media (max-width: 767px){.search-container{max-width:none}}.search-label{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;z-index:1;pointer-events:none}.search-label svg{width:18px!important;height:18px!important}.search-input{width:100%;padding:12px 16px 12px 48px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fffffff2;font-size:1rem;font-family:Roboto,sans-serif;transition:all .3s ease;height:48px;box-sizing:border-box}.search-input::placeholder{color:#fff6}.search-input:focus{outline:none;border-color:#d04ab7;background:#ffffff14;box-shadow:0 0 0 3px #d04ab726}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease}.search-clear:hover{color:#fffc;background:#ffffff1a}.search-clear svg{width:16px!important;height:16px!important}.btn-submit-character{height:48px;padding:0 24px;background:#48bb7833!important;border:1px solid rgba(72,187,120,.4)!important;border-radius:8px;color:#fffffff2!important;font-family:Roboto Condensed,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;white-space:nowrap;box-sizing:border-box}.btn-submit-character:hover{background:#48bb784d!important;border-color:#48bb7880!important;color:#3b82f6;transform:translateY(-1px)}.btn-submit-character:active{transform:translateY(0)}.btn-submit-character svg{width:18px!important;height:18px!important;stroke:currentColor;stroke-width:2;flex-shrink:0}@media (max-width: 767px){.btn-submit-character{width:100%;justify-content:center}}.filter-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}@media (max-width: 767px){.filter-controls{grid-template-columns:1fr;gap:12px}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{display:flex;align-items:center;gap:8px;font-family:Roboto Condensed,sans-serif;font-weight:500;color:#fffffff2;font-size:.9rem}.filter-label svg{width:14px!important;height:14px!important;stroke:#d04ab7;stroke-width:2;flex-shrink:0}.filter-select{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fffffff2;font-size:.9rem;font-family:Roboto,sans-serif;cursor:pointer;transition:all .3s ease}.filter-select:focus{outline:none;border-color:#d04ab7;background:#ffffff14;box-shadow:0 0 0 2px #d04ab726}.filter-select option{background:#12121e;color:#fffffff2}.active-filters{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:16px}.active-filters-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}@media (max-width: 767px){.active-filters-header{flex-direction:column;align-items:flex-start;gap:8px}}.active-filters-label{font-weight:500;color:#fffffff2;font-size:.9rem}.clear-all-filters{display:flex;align-items:center;gap:4px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;padding:4px 8px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.clear-all-filters:hover{background:#ef44444d;border-color:#ef444480}.clear-all-filters svg{width:12px!important;height:12px!important}.active-filters-list{display:flex;flex-wrap:wrap;gap:8px}.filter-tag{display:flex;align-items:center;justify-content:flex-start;gap:4px;background:#d04ab733;border:1px solid rgba(208,74,183,.3);border-radius:16px;padding:0 12px;font-size:.8rem;color:#fffffff2;height:28px;box-sizing:border-box;line-height:1.2;font-family:Roboto,sans-serif}.filter-tag span{display:block;line-height:1;margin:0;padding:0}.filter-tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:2px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:4px}.filter-tag-remove:hover{background:#fff3}.filter-tag-remove svg{width:10px!important;height:10px!important;stroke-width:2.5}.filter-results{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;margin-top:16px}.results-count{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.9rem}.results-count svg{width:16px!important;height:16px!important;stroke:#d04ab7}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 767px){.filter-controls{margin-bottom:12px}.active-filters-list{justify-content:flex-start}.search-input{font-size:.9rem}}.character-submit-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.character-submit-modal.active{opacity:1;visibility:visible}.character-submit-modal.active .modal-container{transform:translateY(0) scale(1)}.character-submit-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer}.character-submit-modal .modal-container{position:relative;width:100%;max-width:700px;max-height:90vh;margin:0 16px;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);overflow-y:auto}@media (max-width: 767px){.character-submit-modal .modal-container{max-width:95vw;margin:0 12px}}.character-submit-modal .modal-content{background:#1a1a26fa;border-radius:16px;overflow:hidden;box-shadow:0 8px 25px #0006;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.character-submit-modal .modal-header{padding:32px 32px 24px;text-align:center;background:linear-gradient(135deg,#d04ab71a,#3b82f61a);border-bottom:1px solid rgba(255,255,255,.08);position:relative}.character-submit-modal .modal-header .modal-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(90deg,#9e2a88,#e151c4);border-radius:50%;display:flex;align-items:center;justify-content:center}.character-submit-modal .modal-header .modal-icon svg{width:28px!important;height:28px!important;stroke:#fff;stroke-width:2}.character-submit-modal .modal-header .modal-title{font-family:Roboto Condensed,sans-serif;font-size:1.75rem;font-weight:700;color:#fffffff2;margin-bottom:8px;line-height:1.2}@media (max-width: 767px){.character-submit-modal .modal-header .modal-title{font-size:1.5rem}}.character-submit-modal .modal-header .modal-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.character-submit-modal .modal-header .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.character-submit-modal .modal-header .modal-close:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.1)}.character-submit-modal .modal-header .modal-close svg{width:16px!important;height:16px!important;stroke:#fffc;stroke-width:2}.character-submit-form{padding:32px}@media (max-width: 767px){.character-submit-form{padding:24px}}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 767px){.form-row{grid-template-columns:1fr;gap:16px}}.form-section{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:24px}.section-title{display:flex;align-items:center;gap:8px;font-family:Roboto Condensed,sans-serif;font-size:1.2rem;font-weight:600;color:#fffffff2;margin-bottom:16px}.section-title svg{width:18px!important;height:18px!important;stroke:#d04ab7}.form-label svg{width:14px!important;height:14px!important;stroke:#d04ab7;stroke-width:2}.form-label .required{color:#ef4444;margin-left:2px}.form-label .optional{color:#ffffff80;font-size:.8rem;font-weight:400}.form-input,.form-select{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fffffff2;font-size:1rem;font-family:Roboto,sans-serif;transition:all .3s ease;box-sizing:border-box}.form-input::placeholder,.form-select::placeholder{color:#fff6}.form-input:focus,.form-select:focus{outline:none;border-color:#d04ab7;background:#ffffff14;box-shadow:0 0 0 3px #d04ab726}.form-input.error,.form-select.error{border-color:#ef4444;background:#ef44441a}.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 3px #ef444426}.form-select option{background:#12121e;color:#fffffff2}.form-textarea{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fffffff2;font-size:1rem;font-family:Roboto,sans-serif;resize:vertical;min-height:100px;transition:all .3s ease;box-sizing:border-box;line-height:1.5rem}.form-textarea.form-textarea-large{min-height:200px;font-family:Courier New,monospace;line-height:1.6}.form-textarea::placeholder{color:#fff6}.form-textarea:focus{outline:none;border-color:#d04ab7;background:#ffffff14;box-shadow:0 0 0 3px #d04ab726}.form-textarea.error{border-color:#ef4444;background:#ef44441a}.form-textarea.error:focus{box-shadow:0 0 0 3px #ef444426}.form-helper{font-size:.85rem;color:#fff9;margin-top:4px;line-height:1.4}.form-helper code{background:#ffffff1a;color:#d04ab7;padding:2px 6px;border-radius:6px;font-family:Courier New,monospace;font-size:.8rem}.character-count{text-align:right;font-size:.8rem;color:#ffffff80;margin-top:4px}.form-error{display:none;color:#ef4444;font-size:.85rem;margin-top:8px;font-weight:500}.submission-guidelines{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;margin-bottom:24px}.submission-guidelines .guidelines-header{display:flex;align-items:center;gap:8px;color:#fffffff2;margin-bottom:12px;font-size:.95rem}.submission-guidelines .guidelines-header svg{width:16px!important;height:16px!important;stroke:#60a5fa}.submission-guidelines .guidelines-list{list-style:none;padding:0;margin:0}.submission-guidelines .guidelines-list li{color:#fffc;font-size:.9rem;line-height:1.4;margin-bottom:8px;padding-left:16px;position:relative}.submission-guidelines .guidelines-list li:before{content:"•";color:#60a5fa;position:absolute;left:0}.form-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px}@media (max-width: 767px){.form-actions{flex-direction:column;gap:12px}}.btn-cancel{padding:12px 24px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fffffff2;font-family:Roboto Condensed,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-cancel:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-cancel svg{width:16px!important;height:16px!important}.btn-submit{padding:12px 24px;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid #d04ab7;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;position:relative;overflow:hidden;min-width:160px;justify-content:center}.btn-submit:hover:not(:disabled){background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ff6dd6;transform:translateY(-2px);box-shadow:0 8px 25px #d04ab766}.btn-submit svg{width:18px!important;height:18px!important;stroke:#fff;stroke-width:2;flex-shrink:0}@media (max-width: 767px){.btn-submit{width:100%;justify-content:center}}.success-content .success-message{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:24px}.success-content .success-details{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;margin-bottom:24px;text-align:left}.success-content .success-details .success-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem}.success-content .success-details .success-item:last-child{margin-bottom:0}.success-content .success-details .success-item strong{color:#fffffff2}.success-content .status-badge{background:#ffc10733;color:#ffc107;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.success-content .status-badge.status-pending{background:#ffc10733;color:#ffc107}.success-content .success-actions{display:flex;justify-content:center}.success-content .success-actions .btn-primary{padding:12px 24px;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid #d04ab7;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.success-content .success-actions .btn-primary:hover{background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ff6dd6;transform:translateY(-1px);box-shadow:0 4px 15px #d04ab74d}.success-content .success-actions .btn-primary svg{width:18px!important;height:18px!important;stroke:#fff;stroke-width:2}@media (max-width: 767px){.error-content{padding:24px}}.error-content .error-message{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:24px}.error-content .error-actions{display:flex;justify-content:center}.error-content .error-actions .btn-secondary{padding:12px 24px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fffffff2;font-family:Roboto Condensed,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.error-content .error-actions .btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.error-content .error-actions .btn-secondary svg{width:16px!important;height:16px!important}.problem-solution-card{background:#12121e14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:48px 48px 10px;border-radius:16px;transition:all .3s ease;height:474px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.problem-solution-card:hover{transform:translateY(-8px);background:#12121e1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0006;border-color:#fff3}.problem-solution-card .card-header{display:flex;align-items:center;gap:12px;margin-bottom:48px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.problem-solution-card .card-icon{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;transition:all .3s ease;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);flex-shrink:0;margin-bottom:0}.problem-solution-card .card-icon svg{width:16px!important;height:16px!important;stroke-width:2.5}.problem-solution-card .card-title{font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:700;margin:0}@media (min-width: 1024px){.problem-solution-card .card-title{font-size:1.75rem}}.problem-solution-card .card-content{display:flex;flex-direction:column;gap:16px}.problem-card .card-icon svg{stroke:#f87171}.problem-card:hover .card-icon{background:#ef44441a;border-color:#ef44444d;transform:scale(1.1)}.problem-card .limitation-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff05;border-radius:8px;border-left:3px solid rgba(239,68,68,.3);transition:all .2s ease}.problem-card .limitation-item:hover{background:#ffffff0d;border-left-color:#ef444480;transform:translate(4px)}.problem-card .limitation-item .limitation-icon{flex-shrink:0;margin-top:2px;margin-bottom:0}.problem-card .limitation-item .limitation-icon svg{width:20px!important;height:20px!important;stroke:#f87171;stroke-width:2.5}.problem-card .limitation-item p{color:#ffffffb3;margin:0;line-height:1.5}.solution-card .card-icon svg{stroke:#34d399}.solution-card:hover .card-icon{background:#10b9811a;border-color:#10b9814d;transform:scale(1.1)}.solution-card .solution-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff05;border-radius:8px;border-left:3px solid rgba(16,185,129,.3);transition:all .2s ease}.solution-card .solution-item:hover{background:#ffffff0d;border-left-color:#10b98180;transform:translate(4px)}.solution-card .solution-item .solution-icon{flex-shrink:0;margin-top:2px;margin-bottom:0}.solution-card .solution-item .solution-icon svg{width:20px!important;height:20px!important;stroke:#34d399;stroke-width:2.5}.solution-card .solution-item p{color:#ffffffb3;margin:0;line-height:1.5}.solution-card .solution-item p strong{color:#fffffff2;font-weight:600}@media (max-width: 767px){.problem-solution-card{padding:24px}.problem-solution-card .card-header{flex-direction:column;text-align:center;gap:12px}.problem-solution-card .card-icon{width:25px;height:25px}.problem-solution-card .card-icon svg{width:14px!important;height:14px!important}.problem-solution-card .card-title{font-size:1.25rem}.problem-solution-card .limitation-item,.problem-solution-card .solution-item{padding:12px}.problem-solution-card .limitation-item .limitation-icon svg,.problem-solution-card .limitation-item .solution-icon svg,.problem-solution-card .solution-item .limitation-icon svg,.problem-solution-card .solution-item .solution-icon svg{width:18px!important;height:18px!important}}.social-proof-section{background:#12121e;padding:80px 0;position:relative}.social-proof-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 40%,rgba(208,74,183,.08) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(21,98,203,.08) 0%,transparent 50%);opacity:.6}.social-proof-section .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 767px){.social-proof-section .container{padding:0 16px}}.social-proof-header{text-align:center;margin-bottom:64px}.social-proof-header h2{font-family:Roboto Condensed,sans-serif;font-size:2.5rem;font-weight:700;color:#fffffff2;margin-bottom:16px;line-height:1.2}@media (max-width: 767px){.social-proof-header h2{font-size:2rem}}.social-proof-header .social-proof-subtitle{font-size:1.2rem;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}@media (max-width: 767px){.social-proof-header .social-proof-subtitle{font-size:1.1rem;padding:0 16px}}.stats-grid{display:grid;gap:24px;margin-bottom:64px;justify-items:center;grid-template-columns:1fr}@media (max-width: 767px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:32px}}.stat-item{background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:32px 24px;border-radius:12px;text-align:center;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);min-width:140px;position:relative;overflow:hidden}.stat-item:hover{transform:translateY(-4px) scale(1.02);background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d;border-color:#ffffff26}.stat-item:hover .stat-number{transform:scale(1.05)}.stat-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.03),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease}.stat-item:hover:before{transform:rotate(45deg) translate(100%,100%)}@media (max-width: 767px){.stat-item{padding:16px 12px;min-width:120px}}.stat-number{font-family:Roboto Condensed,sans-serif;font-size:2.5rem;font-weight:800;margin-bottom:8px;display:block;transition:all .3s ease;line-height:1}@media (max-width: 767px){.stat-number{font-size:2rem}}@media (min-width: 1024px){.stat-number{font-size:3rem}}.stat-number--pink{color:#ec4899;text-shadow:0 0 20px rgba(236,72,153,.3)}.stat-number--blue{color:#60a5fa;text-shadow:0 0 20px rgba(96,165,250,.3)}.stat-number--green{color:#34d399;text-shadow:0 0 20px rgba(52,211,153,.3)}.stat-number--purple{color:#a78bfa;text-shadow:0 0 20px rgba(167,139,250,.3)}.stat-label{font-family:Roboto,sans-serif;font-size:.9rem;color:#ffffffb3;font-weight:500;letter-spacing:.5px;margin:0}@media (max-width: 767px){.stat-label{font-size:.8rem}}.community-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}@media (max-width: 767px){.community-actions{flex-direction:column;gap:12px}}@media (min-width: 768px){.community-actions{flex-direction:row}}.community-btn{min-width:180px;justify-content:center;position:relative;overflow:hidden}.community-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff1a;border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.community-btn:active:after{width:200px;height:200px}.community-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.community-btn:hover svg{transform:scale(1.1)}@media (max-width: 767px){.community-btn{min-width:200px;padding:16px 24px}}@media (min-width: 768px){.community-btn{min-width:160px}}@media (min-width: 1024px){.community-btn{min-width:180px}}.community-btn svg{transition:transform .2s ease;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;animation:fadeInUp .6s ease forwards}.animate-on-scroll.delay-1{animation-delay:.1s}.animate-on-scroll.delay-2{animation-delay:.2s}.animate-on-scroll.delay-3{animation-delay:.3s}.animate-on-scroll.delay-4{animation-delay:.4s}.faq-section{background:#12121e;padding:80px 0;position:relative}.faq-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 80%,rgba(208,74,183,.06) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(21,98,203,.06) 0%,transparent 50%);opacity:.8}.faq-section .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 767px){.faq-section .container{padding:0 16px}}.faq-section h2{font-family:Roboto Condensed,sans-serif;font-size:2.5rem;font-weight:700;color:#fffffff2;text-align:center;margin-bottom:16px;line-height:1.2}@media (max-width: 767px){.faq-section h2{font-size:2rem}}.faq-section .faq-subtitle{font-size:1.2rem;color:#ffffffb3;text-align:center;max-width:600px;margin:0 auto 64px;line-height:1.6}@media (max-width: 767px){.faq-section .faq-subtitle{font-size:1.1rem;margin-bottom:48px}}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;position:relative}.faq-item:hover{background:#12121e14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-color:#d04ab733;transform:translateY(-1px);box-shadow:0 2px 5px #0003}.faq-item.active{background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-color:#d04ab74d;box-shadow:0 4px 12px #0000004d}.faq-item.active .faq-question{color:#fffffff2}.faq-item.active .faq-question .faq-icon{background:linear-gradient(90deg,#9e2a88,#e151c4);transform:rotate(180deg)}.faq-item.active .faq-question .faq-icon svg{stroke:#fff}.faq-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.02),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease;pointer-events:none}.faq-item:hover:before{transform:rotate(45deg) translate(100%,100%)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;transition:all .3s ease;position:relative;z-index:1}@media (max-width: 767px){.faq-question{padding:16px 24px}}.faq-question h3{font-family:Roboto Condensed,sans-serif;font-size:1.2rem;font-weight:600;color:#ffffffe6;margin:0;line-height:1.4;flex:1;padding-right:16px}@media (max-width: 767px){.faq-question h3{font-size:1.1rem;padding-right:12px}}@media (min-width: 1024px){.faq-question h3{font-size:1.3rem}}.faq-question:hover h3{color:#fffffff2}.faq-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}@media (max-width: 767px){.faq-icon{width:36px;height:36px}}.faq-icon svg{width:18px!important;height:18px!important;stroke:#ffffffb3;stroke-width:2;transition:all .3s ease}@media (max-width: 767px){.faq-icon svg{width:16px!important;height:16px!important}}.faq-icon:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.05)}.faq-answer{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.faq-answer.active{max-height:500px}.faq-answer-content{padding:0 32px 24px;border-top:1px solid rgba(255,255,255,.05);position:relative}@media (max-width: 767px){.faq-answer-content{padding:0 24px 16px}}.faq-answer-content p{color:#fffc;font-size:1rem;line-height:1.7;margin:16px 0 0 16px;padding-left:12px}@media (max-width: 767px){.faq-answer-content p{font-size:.95rem;margin-left:12px;padding-left:8px}}.faq-answer-content p strong{color:#fffffff2;font-weight:600}.faq-answer-content p a{color:#d04ab7;text-decoration:underline;text-decoration-color:transparent;transition:all .2s ease}.faq-answer-content p a:hover{color:#db72c7;text-decoration-color:currentColor}.faq-item .faq-answer{opacity:0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-item .faq-answer.active{opacity:1;transform:translateY(0);transition-delay:.1s}.faq-item.loading .faq-icon svg{animation:spin 1s linear infinite}@media (max-width: 767px){.faq-section{padding:64px 0}.faq-container{padding:0 12px}.faq-item{margin-bottom:12px}.faq-answer.active{max-height:400px}}.faq-item{opacity:0;transform:translateY(20px);animation:fadeInUp .6s ease forwards}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:nth-child(5){animation-delay:.5s}.faq-item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.faq-question:focus{outline:2px solid #d04ab7;outline-offset:2px}@media (prefers-reduced-motion: reduce){.faq-item,.faq-question,.faq-icon,.faq-answer{transition:none;animation:none}}@media print{.faq-item{break-inside:avoid}.faq-item .faq-answer{max-height:none!important;opacity:1!important;transform:none!important}.faq-item .faq-icon{display:none}}.twitch-streaming-section{background:#12121e;padding:80px 0;position:relative;overflow:hidden}.twitch-streaming-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 25% 25%,rgba(147,51,234,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(208,74,183,.1) 0%,transparent 50%);opacity:.8;animation:twitchBackgroundShift 25s ease-in-out infinite}.twitch-streaming-section .container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:1}@media (max-width: 767px){.twitch-streaming-section .container{padding:0 16px}}.twitch-content-grid{display:grid;grid-template-columns:1fr;gap:64px;align-items:flex-start;margin-bottom:64px}@media (min-width: 1024px){.twitch-content-grid{grid-template-columns:1fr 1fr;gap:80px;min-height:600px}}.twitch-content-left{order:2}@media (min-width: 1024px){.twitch-content-left{order:1}}.twitch-header{margin-bottom:48px;text-align:center}@media (min-width: 1024px){.twitch-header{text-align:left}}.twitch-logo-container{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px}@media (min-width: 1024px){.twitch-logo-container{justify-content:flex-start}}.twitch-logo{height:80px;fill:#9146ff;flex-shrink:0;transition:all .3s ease;filter:drop-shadow(0 0 10px rgba(145,70,255,.3))}.twitch-logo:hover{transform:scale(1.1);filter:drop-shadow(0 0 15px rgba(145,70,255,.5))}@media (max-width: 767px){.twitch-logo{width:35px;height:35px}}.twitch-title{font-family:Roboto Condensed,sans-serif;font-size:2.5rem;font-weight:700;color:#fffffff2;margin:0;line-height:1.2}@media (max-width: 767px){.twitch-title{font-size:2rem}}@media (min-width: 1024px){.twitch-title{font-size:3rem;text-align:left}}.twitch-subtitle{font-size:1.2rem;color:#ffffffb3;line-height:1.6;margin:0;max-width:500px}@media (min-width: 1024px){.twitch-subtitle{text-align:left;margin-left:0}}@media (max-width: 767px){.twitch-subtitle{font-size:1.1rem;margin:0 auto}}.twitch-features{display:flex;flex-direction:column;gap:32px;margin-bottom:48px}.twitch-feature{display:flex;align-items:flex-start;gap:16px;background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:32px;border-radius:12px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease;position:relative;overflow:hidden}.twitch-feature:hover{background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform:translate(8px);border-color:#9146ff4d;box-shadow:0 4px 20px #9146ff1a}.twitch-feature:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(145,70,255,.03),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease}.twitch-feature:hover:before{transform:rotate(45deg) translate(100%,100%)}.twitch-feature .feature-icon{width:55px;height:55px;background:linear-gradient(135deg,#9146ff,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:4px;position:relative}.twitch-feature .feature-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,#9146ff,#a855f7);z-index:-1;animation:twitchIconPulse 3s ease-in-out infinite}.twitch-feature .feature-icon svg{width:26px!important;height:26px!important;stroke:#fff;stroke-width:2}.twitch-feature .feature-content{flex:1}.twitch-feature .feature-content h3{font-family:Roboto Condensed,sans-serif;font-size:1.3rem;font-weight:600;color:#fffffff2;margin-bottom:12px;line-height:1.3}.twitch-feature .feature-content p{color:#ffffffb3;font-size:1rem;line-height:1.7;margin:0}@media (max-width: 767px){.twitch-feature{flex-direction:column;text-align:center;gap:12px;padding:16px}.twitch-feature .feature-icon{margin:0 auto 8px}.twitch-feature .feature-content h3{font-size:1.1rem}.twitch-feature .feature-content p{font-size:.9rem}}.twitch-cta{display:flex;gap:16px;justify-content:center}@media (min-width: 1024px){.twitch-cta{position:relative;top:-60px}}@media (max-width: 767px){.twitch-cta{flex-direction:column;gap:12px}}.twitch-cta .btn-twitch{background:linear-gradient(135deg,#9146ff,#a855f7);border:2px solid #9146ff;position:relative;overflow:hidden}.twitch-cta .btn-twitch:hover{background:linear-gradient(135deg,#7c3aed,#9146ff);border-color:#7c3aed;box-shadow:0 8px 25px #9146ff66}.twitch-cta .btn-twitch:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease}.twitch-cta .btn-twitch:hover:before{transform:rotate(45deg) translate(100%,100%)}.twitch-content-right{order:1;display:flex;flex-direction:column;justify-content:space-between}@media (min-width: 1024px){.twitch-content-right{order:2;min-height:600px}}.twitch-video-container{position:relative;margin-bottom:24px}.twitch-video-frame{position:relative;border-radius:16px;overflow:hidden;background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d;border:2px solid rgba(145,70,255,.2)}.twitch-video-frame:before{content:"";display:block;width:100%;padding-top:56.25%}.twitch-video-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.twitch-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:90px}@media (max-width: 767px){.twitch-stats{gap:12px;margin-bottom:24px}}.twitch-stats .stat-item{background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:16px 12px;border-radius:8px;text-align:center;border:1px solid rgba(145,70,255,.2);transition:all .3s ease}.twitch-stats .stat-item:hover{background:#12121e1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform:translateY(-2px);border-color:#9146ff66;box-shadow:0 4px 15px #9146ff33}.twitch-stats .stat-item .stat-number{font-family:Roboto Condensed,sans-serif;font-size:1.8rem;font-weight:800;color:#9146ff;display:block;margin-bottom:4px;text-shadow:0 0 15px rgba(145,70,255,.3)}@media (max-width: 767px){.twitch-stats .stat-item .stat-number{font-size:1.5rem}}.twitch-stats .stat-item .stat-label{font-size:.8rem;color:#ffffffb3;font-weight:500;letter-spacing:.5px;margin:0}@media (max-width: 767px){.twitch-stats .stat-item .stat-label{font-size:.75rem}}.twitch-advantage{background:#12121e14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:48px;border-radius:16px;text-align:center;border:1px solid rgba(145,70,255,.2);position:relative;overflow:hidden;margin-top:64px;background:linear-gradient(135deg,#9146ff0d,#d04ab70d)}.twitch-advantage:hover{background:#12121e1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform:translateY(-4px);box-shadow:0 15px 35px #9146ff26;border-color:#9146ff66}.twitch-advantage:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(145,70,255,.04),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .8s ease}.twitch-advantage:hover:before{transform:rotate(45deg) translate(100%,100%)}.twitch-advantage .advantage-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(135deg,#9146ff,#a855f7);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.twitch-advantage .advantage-icon:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(135deg,#9146ff,#a855f7);z-index:-1;animation:twitchAdvantageIconPulse 2.5s ease-in-out infinite}.twitch-advantage .advantage-icon svg{width:28px!important;height:28px!important;stroke:#fff;stroke-width:2}.twitch-advantage h3{font-family:Roboto Condensed,sans-serif;font-size:1.6rem;font-weight:700;color:#fffffff2;margin-bottom:16px;line-height:1.3}@media (max-width: 767px){.twitch-advantage h3{font-size:1.4rem}}.twitch-advantage p{font-size:1.1rem;color:#ffffffb3;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width: 767px){.twitch-advantage p{font-size:1rem}}@media (max-width: 767px){.twitch-advantage{padding:32px}}@keyframes twitchBackgroundShift{0%,to{opacity:.6;transform:scale(1)}33%{opacity:.8;transform:scale(1.02)}66%{opacity:.7;transform:scale(.98)}}@keyframes twitchIconPulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes twitchAdvantageIconPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.08)}}@media (max-width: 767px){.twitch-streaming-section{padding:64px 0}.twitch-content-grid{gap:48px}.twitch-features{gap:16px}.twitch-feature{padding:16px}.twitch-feature .feature-icon{width:45px;height:45px}.twitch-feature .feature-icon svg{width:22px!important;height:22px!important}}@media (min-width: 768px){.twitch-content-grid{align-items:flex-start}}.btn-send{font-family:Roboto Condensed,sans-serif;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid transparent;color:#fff;padding:12px 16px;border-radius:8px;font-weight:600;transition:all .3s ease;cursor:pointer;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:.9rem;min-width:200px;justify-content:center;position:relative;overflow:hidden;animation:bridgePulse 3s ease-in-out infinite}.btn-send svg{width:20px!important;height:20px!important;stroke:#fff;stroke-width:2;flex-shrink:0;transition:all .2s ease}.btn-send:hover{background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 8px 25px #e151c466;animation:none}.btn-send:hover svg{stroke:#fff;transform:scale(1.1)}.btn-send:active{transform:translateY(0)}.btn-send:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease}.btn-send:hover:before{transform:rotate(45deg) translate(100%,100%)}.btn-copy-secondary{min-width:80px;padding:12px;font-size:.85rem;margin-left:8px}.btn-copy-secondary svg{width:16px!important;height:16px!important}.send-sending{background:#d04ab799;border-color:#d04ab766;cursor:not-allowed;animation:none}.send-sending svg{stroke:#fffc}.send-sending .animate-spin{animation:spin 1s linear infinite}.send-success{background:#10b981cc;border-color:#10b98199;animation:successPulse .5s ease}.send-success svg{stroke:#fff}.send-error{background:#ef4444cc;border-color:#ef444499;animation:errorShake .5s ease}.send-error svg{stroke:#fff}.send-error:hover{background:#ef4444;border-color:#ef4444cc}.copy-success{background:#10b98133;border-color:#10b98166;color:#10b981;animation:successPulse .5s ease}.copy-success svg{stroke:#10b981}.copy-error{background:#ef444433;border-color:#ef444466;color:#ef4444;animation:errorShake .5s ease}.copy-error svg{stroke:#ef4444}@keyframes bridgePulse{0%,to{box-shadow:0 0 #e151c466}50%{box-shadow:0 0 0 8px #e151c400}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.toast{position:fixed;top:20px;right:20px;padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;font-size:.9rem;box-shadow:0 8px 25px #0006;z-index:10000;max-width:300px;word-wrap:break-word;background:#12121ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transform:translate(100%);transition:transform .3s cubic-bezier(.68,-.55,.265,1.55)}.toast.toast-success{background:#10b981f2;border:1px solid rgba(16,185,129,.3)}.toast.toast-error{background:#ef4444f2;border:1px solid rgba(239,68,68,.3)}.toast.toast-info{background:#3b82f6f2;border:1px solid rgba(59,130,246,.3)}.toast.show{transform:translate(0)}.bridge-status{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffffb3;margin-bottom:12px;padding:8px 12px;border-radius:6px;background:#12121e0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.bridge-status.connected{color:#10b981}.bridge-status.connected .status-dot{background:#10b981;box-shadow:0 0 8px #10b9814d}.bridge-status.connecting{color:#f59e0b}.bridge-status.connecting .status-dot{background:#f59e0b;animation:pulse 2s ease-in-out infinite}.bridge-status.disconnected{color:#ffffffb3}.bridge-status.disconnected .status-dot{background:#ffffffb3}.bridge-status .status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;transition:all .3s ease}.bridge-info{font-size:.85rem;color:#fff9;margin-top:8px;text-align:center;font-style:italic}.bridge-info .info-icon{display:inline-block;margin-right:4px}.bridge-info .info-icon svg{width:14px!important;height:14px!important;vertical-align:text-top}@media (max-width: 767px){.btn-send{min-width:180px;font-size:.85rem;padding:8px 12px}.btn-send svg{width:18px!important;height:18px!important}.btn-copy-secondary{min-width:70px;padding:8px;font-size:.8rem}.btn-copy-secondary svg{width:14px!important;height:14px!important}.toast{top:10px;right:10px;left:10px;max-width:none;font-size:.851rem;padding:8px 12px}.bridge-status{font-size:.75rem;padding:4px 8px}}.bridge-debug-panel{position:fixed;top:20px;right:20px;width:400px;max-height:80vh;background:#1e1e28f2;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 10px 25px #0000004d;z-index:9999;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.8rem;color:#f1f5f9}@media (max-width: 768px){.bridge-debug-panel{width:calc(100vw - 40px);height:calc(100vh - 40px);top:20px;left:20px;right:20px;max-height:none}}.debug-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.debug-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-weight:600;margin:0;color:#f1f5f9}.debug-controls{display:flex;align-items:center;gap:8px}.debug-checkbox{display:flex;align-items:center;gap:4px;font-size:.75rem;color:#94a3b8;cursor:pointer}.debug-checkbox input[type=checkbox]{margin:0;accent-color:#e151c4}.debug-section{padding:12px;border-bottom:1px solid rgba(255,255,255,.05)}.debug-section:last-child{border-bottom:none}.debug-section-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;font-weight:600;margin:0 0 8px;color:#f1f5f9}.debug-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.debug-stat{display:flex;justify-content:space-between;align-items:center;padding:4px;background:#ffffff08;border-radius:4px;font-size:.75rem}.debug-stat-label{color:#94a3b8;font-weight:500}.debug-stat-value{color:#f1f5f9;font-weight:600}.debug-stat-value.status-connected{color:#10b981}.debug-stat-value.status-disconnected{color:#ef4444}.debug-test-controls{display:flex;flex-direction:column;gap:8px}.debug-input-group{display:flex;flex-direction:column;gap:4px}.debug-input-group label{font-size:.75rem;font-weight:500;color:#94a3b8}.debug-input,.debug-textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:4px 8px;color:#f1f5f9;font-size:.75rem;font-family:inherit;transition:border-color .2s ease}.debug-input:focus,.debug-textarea:focus{outline:none;border-color:#e151c4}.debug-input::placeholder,.debug-textarea::placeholder{color:#fff6}.debug-textarea{resize:vertical;min-height:60px;font-family:Courier New,monospace}.debug-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.debug-btn{padding:4px 8px;border-radius:4px;border:1px solid transparent;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.debug-btn:disabled{opacity:.5;cursor:not-allowed}.debug-btn-primary{background:linear-gradient(90deg,#e151c4,#d946ef);color:#fff}.debug-btn-primary:hover:not(:disabled){background:linear-gradient(90deg,#b533a3,#ff6dd6);transform:translateY(-1px)}.debug-btn-secondary{background:#ffffff14;border-color:#ffffff1f;color:#f1f5f9}.debug-btn-secondary:hover:not(:disabled){background:#ffffff1f;border-color:#fff3}.debug-btn-close{background:transparent;color:#94a3b8;padding:4px}.debug-btn-close:hover{background:#ffffff1a;color:#f1f5f9}.debug-btn-small{padding:2px 4px;font-size:.7rem}.debug-logs-section{flex:1;display:flex;flex-direction:column;min-height:0}.debug-logs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.debug-logs{flex:1;max-height:300px;overflow-y:auto;background:#0003;border-radius:4px;padding:4px}@media (max-width: 768px){.debug-logs{max-height:200px}}.debug-logs::-webkit-scrollbar{width:4px}.debug-logs::-webkit-scrollbar-track{background:transparent}.debug-logs::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.debug-logs::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.debug-log-empty{text-align:center;color:#94a3b8;padding:12px;font-style:italic}.debug-log{display:flex;align-items:flex-start;gap:4px;padding:4px;margin-bottom:4px;border-radius:4px;font-size:.7rem;border-left:3px solid transparent}.debug-log:last-child{margin-bottom:0}.debug-log.debug-log-info{background:#3b82f61a;border-left-color:#3b82f6}.debug-log.debug-log-success{background:#10b9811a;border-left-color:#10b981}.debug-log.debug-log-warn{background:#f59e0b1a;border-left-color:#f59e0b}.debug-log.debug-log-error{background:#ef44441a;border-left-color:#ef4444}.debug-log-time{color:#94a3b8;font-family:Courier New,monospace;font-size:.65rem;flex-shrink:0;width:60px}.debug-log-level{color:#f1f5f9;font-weight:600;font-size:.65rem;flex-shrink:0;width:50px}.debug-log-message{color:#f1f5f9;flex:1;word-break:break-word}.debug-log-data{margin-top:4px;width:100%}.debug-log-data summary{color:#94a3b8;cursor:pointer;font-size:.65rem}.debug-log-data summary:hover{color:#f1f5f9}.debug-log-data pre{background:#0000004d;padding:4px;border-radius:4px;margin-top:4px;font-size:.6rem;color:#94a3b8;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.debug-toggle-btn{position:fixed;bottom:20px;right:20px;width:40px;height:40px;border-radius:50%;background:#1e1e28e6;border:1px solid rgba(255,255,255,.1);color:#f1f5f9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:9998;transition:all .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.debug-toggle-btn:hover{background:#1e1e28;transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.debug-toggle-btn.active{background:linear-gradient(90deg,#e151c4,#d946ef);border-color:#e151c4}@media (min-width: 769px) and (max-width: 1024px){.bridge-debug-panel{width:350px}.debug-stats-grid{grid-template-columns:1fr}}@media (max-width: 768px){.debug-stats-grid{grid-template-columns:1fr}.debug-actions{flex-direction:column}.debug-btn{justify-content:center}}.email-signup-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.email-signup-modal.active{opacity:1;visibility:visible}.email-signup-modal.active .modal-container{transform:translateY(0) scale(1)}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.modal-container{position:relative;width:100%;max-width:500px;max-height:90vh;margin:0 16px;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width: 767px){.modal-container{max-width:95vw;margin:0 12px}}.modal-content{background:#1a1a26fa;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.modal-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .8s ease;pointer-events:none}.modal-content:hover:before{left:100%}.modal-header{padding:32px 32px 24px;text-align:center;position:relative;background:linear-gradient(135deg,#e151c41a,#3b82f61a);border-bottom:1px solid rgba(255,255,255,.08)}.modal-header .modal-icon{width:60px;height:60px;margin:0 auto 16px;background:linear-gradient(90deg,#9e2a88,#e151c4);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.modal-header .modal-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(90deg,#9e2a88,#e151c4);z-index:-1;animation:modalIconPulse 2s ease-in-out infinite}.modal-header .modal-icon svg{width:28px!important;height:28px!important;stroke:#fff;stroke-width:2}.modal-header .modal-title{font-family:Roboto Condensed,sans-serif;font-size:1.75rem;font-weight:700;color:#fffffff2;margin-bottom:8px;line-height:1.2}@media (max-width: 767px){.modal-header .modal-title{font-size:1.5rem}}.modal-header .modal-subtitle{font-size:1rem;color:#fffc;margin:0;line-height:1.4}@media (max-width: 767px){.modal-header .modal-subtitle{font-size:.9rem}}.modal-header .modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-header .modal-close:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.1)}.modal-header .modal-close svg{width:16px!important;height:16px!important;stroke:#fffc;stroke-width:2}.signup-form{padding:32px}@media (max-width: 767px){.signup-form{padding:24px}}.form-group{margin-bottom:24px}.form-group.checkbox-group{margin-bottom:16px}.form-label{display:flex;align-items:center;gap:8px;font-family:Roboto Condensed,sans-serif;font-weight:500;color:#fffffff2;margin-bottom:8px;font-size:.95rem}.form-label svg{width:16px!important;height:16px!important;stroke:#d04ab7;stroke-width:2}.form-input{width:100%;padding:12px 16px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;color:#fffffff2;font-size:1rem;font-family:Roboto,sans-serif;transition:all .3s ease;box-sizing:border-box}.form-input::placeholder{color:#fff6}.form-input:focus{outline:none;border-color:#d04ab7;background:#ffffff14;box-shadow:0 0 0 3px #e151c426}.form-input.error{border-color:#ef4444;background:#ef44441a}.form-input.error:focus{box-shadow:0 0 0 3px #ef444426}.form-error{display:none;color:#ef4444;font-size:.85rem;margin-top:8px;padding-left:8px}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer;line-height:1.4}.checkbox-input{position:absolute;opacity:0;pointer-events:none}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(90deg,#9e2a88,#e151c4);border-color:#d04ab7}.checkbox-input:checked+.checkbox-custom:after{opacity:1;transform:scale(1)}.checkbox-custom{width:20px;height:20px;background:#ffffff0d;border:2px solid rgba(255,255,255,.2);border-radius:4px;position:relative;flex-shrink:0;margin-top:2px;transition:all .2s ease}.checkbox-custom:after{content:"";position:absolute;top:2px;left:5px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);opacity:0;transition:all .2s ease}.checkbox-text{color:#ffffffd9;font-size:.9rem}.checkbox-text .optional-text{color:#ffffff80;font-size:.8rem}.form-actions{margin-bottom:24px}.btn-submit{width:100%;padding:16px 24px;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid #d04ab7;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.btn-submit:hover:not(:disabled){background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ff6dd6;transform:translateY(-2px);box-shadow:0 8px 25px #e151c466}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn-submit.submitting .btn-text{display:none}.btn-submit.submitting .btn-loader{display:flex!important}.btn-submit svg{width:20px!important;height:20px!important;stroke:#fff;stroke-width:2;flex-shrink:0;vertical-align:middle}.btn-submit .btn-text{line-height:1;display:flex;align-items:center;margin-bottom:0}.btn-submit .btn-loader{display:none;align-items:center;gap:8px}.btn-submit .btn-loader svg{animation:spin 1s linear infinite}.btn-submit:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease}.btn-submit:hover:before{transform:rotate(45deg) translate(100%,100%)}.form-footer{text-align:center}.form-footer .privacy-text{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff9;font-size:.8rem;margin:0}.form-footer .privacy-text svg{width:14px!important;height:14px!important;stroke:#34d399;stroke-width:2;flex-shrink:0}.success-content{padding:32px;text-align:center;position:relative}@media (max-width: 767px){.success-content{padding:24px}}.success-content .success-close{position:absolute;top:16px;right:16px;width:32px;height:32px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.success-content .success-close:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.1)}.success-content .success-close svg{width:16px!important;height:16px!important;stroke:#fffc;stroke-width:2}.success-content .success-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:successBounce .6s ease-out}.success-content .success-icon:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);z-index:-1;animation:successPulse 2s ease-in-out infinite}.success-content .success-icon svg{width:40px!important;height:40px!important;stroke:#fff;stroke-width:2}.success-content .success-title{font-family:Roboto Condensed,sans-serif;font-size:1.6rem;font-weight:700;color:#fffffff2;margin-bottom:16px}@media (max-width: 767px){.success-content .success-title{font-size:1.4rem}}.success-content .success-message{color:#ffffffd9;font-size:1rem;line-height:1.6;margin-bottom:32px}.success-content .success-message strong{color:#fffffff2;font-weight:600}.license-key-container{margin-bottom:32px}.license-key-field{display:flex;align-items:center;gap:8px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;margin-bottom:12px}.license-key-input{flex:1;background:transparent;border:none;color:#fffffff2;font-family:Courier New,monospace;font-size:.9rem;padding:8px;outline:none;text-align:center}.license-key-input::selection{background:#e151c44d}@media (max-width: 767px){.license-key-input{font-size:.8rem}}.btn-copy-key{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#fffffff2;padding:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;min-height:40px}.btn-copy-key:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.05)}.btn-copy-key.copied{background:#10b98133;border-color:#10b98166;color:#34d399}.btn-copy-key svg{width:16px!important;height:16px!important;stroke:currentColor;stroke-width:2}.copy-feedback{display:none;align-items:center;justify-content:center;gap:4px;color:#34d399;font-size:.9rem;font-weight:500}.copy-feedback svg{width:16px!important;height:16px!important;stroke:#34d399;stroke-width:2}.success-actions{display:flex;gap:16px;margin-bottom:32px}@media (max-width: 767px){.success-actions{flex-direction:column;gap:12px}}.btn-download{flex:1;padding:12px 24px;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid #d04ab7;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-weight:600;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-download:hover{background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ff6dd6;transform:translateY(-1px);box-shadow:0 4px 15px #e151c44d}.btn-download svg{width:18px!important;height:18px!important;stroke:#fff;stroke-width:2}.btn-secondary{padding:12px 24px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fffffff2;font-family:Roboto Condensed,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.btn-secondary:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.btn-secondary svg{width:18px!important;height:18px!important;stroke:#fffffff2;stroke-width:2}.error-content{padding:32px;text-align:center}@media (max-width: 767px){.error-content{padding:24px 16px}}.error-content .error-icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:50%;display:flex;align-items:center;justify-content:center}.error-content .error-icon svg{width:40px!important;height:40px!important;stroke:#fff;stroke-width:2}.error-content .error-title{font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:700;color:#fffffff2;margin-bottom:16px}.error-content .error-message{color:#fffc;font-size:1rem;line-height:1.6;margin-bottom:32px}.error-actions{display:flex;justify-content:center}.btn-retry{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#f87171);border:2px solid #ef4444;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.btn-retry:hover{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.btn-retry svg{width:18px!important;height:18px!important;stroke:#fff;stroke-width:2}@keyframes modalIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes successPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}.btn-primary[href*=patreon],.btn-join-beta{cursor:pointer;position:relative}.btn-primary[href*=patreon]:after,.btn-join-beta:after{content:"";position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:#34d399;border-radius:50%;opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.2);opacity:.4}}.persona-name-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.persona-name-modal.active{opacity:1;visibility:visible}.persona-name-modal.active .modal-container{transform:translateY(0) scale(1)}.persona-name-modal .modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.persona-name-modal .modal-container{position:relative;width:100%;max-width:450px;max-height:90vh;margin:0 16px;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}@media (max-width: 767px){.persona-name-modal .modal-container{max-width:95vw;margin:0 12px}}.persona-name-modal .modal-content{background:#1a1a26fa;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px #00000080;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative}.persona-name-modal .modal-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .8s ease;pointer-events:none}.persona-name-modal .modal-content:hover:before{transform:rotate(45deg) translate(100%,100%)}.persona-name-modal .modal-header{padding:32px 32px 24px;text-align:center;position:relative;background:linear-gradient(135deg,#e151c41a,#3b82f61a);border-bottom:1px solid rgba(255,255,255,.08)}.persona-name-modal .modal-header .modal-icon{width:50px;height:50px;margin:0 auto 16px;background:linear-gradient(90deg,#9e2a88,#e151c4);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.persona-name-modal .modal-header .modal-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(90deg,#9e2a88,#e151c4);z-index:-1;animation:personaIconPulse 2s ease-in-out infinite}.persona-name-modal .modal-header .modal-icon svg{width:24px!important;height:24px!important;stroke:#fff;stroke-width:2}.persona-name-modal .modal-header .modal-title{font-family:Roboto Condensed,sans-serif;font-size:1.5rem;font-weight:700;color:#fffffff2;margin-bottom:0;line-height:1.2}@media (max-width: 767px){.persona-name-modal .modal-header .modal-title{font-size:1.3rem}}.persona-name-modal .modal-header .modal-close{position:absolute;top:16px;right:16px;width:28px;height:28px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.persona-name-modal .modal-header .modal-close:hover{background:#ffffff26;border-color:#ffffff40;transform:scale(1.1)}.persona-name-modal .modal-header .modal-close svg{width:14px!important;height:14px!important;stroke:#fffc;stroke-width:2}.persona-name-modal .persona-form{padding:32px}@media (max-width: 767px){.persona-name-modal .persona-form{padding:24px}}.persona-name-modal .persona-form .form-group{margin-bottom:24px}.persona-name-modal .persona-form .form-label{display:flex;align-items:center;gap:8px;font-family:Roboto Condensed,sans-serif;font-weight:500;color:#fffffff2;margin-bottom:12px;font-size:1rem}.persona-name-modal .persona-form .form-label svg{width:18px!important;height:18px!important;stroke:#d04ab7;stroke-width:2;flex-shrink:0}.persona-name-modal .persona-form .form-label span{margin:0;color:#fffffff2}.persona-name-modal .persona-form .form-input{width:100%;padding:16px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;color:#fffffff2;font-size:1.1rem;font-family:Roboto,sans-serif;transition:all .3s ease;box-sizing:border-box;text-align:center}.persona-name-modal .persona-form .form-input::placeholder{color:#fff6;font-style:italic}.persona-name-modal .persona-form .form-input:focus{outline:none;border-color:#d04ab7;background:#ffffff14;box-shadow:0 0 0 3px #e151c426;transform:scale(1.02)}.persona-name-modal .persona-form .form-input.error{border-color:#ef4444;background:#ef44441a}.persona-name-modal .persona-form .form-input.error:focus{box-shadow:0 0 0 3px #ef444426}@media (max-width: 767px){.persona-name-modal .persona-form .form-input{padding:12px 16px;font-size:1rem}}.persona-name-modal .persona-form .form-error{display:none;color:#ef4444;font-size:.85rem;margin-top:8px;text-align:center;font-weight:500}.persona-name-modal .persona-form .form-actions{display:flex;gap:16px;margin-bottom:24px}@media (max-width: 767px){.persona-name-modal .persona-form .form-actions{flex-direction:column;gap:12px}}.persona-name-modal .persona-form .form-footer{text-align:center}.persona-name-modal .persona-form .form-footer .persona-info{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff9;font-size:.85rem;margin:0;font-style:italic}.persona-name-modal .persona-form .form-footer .persona-info svg{width:14px!important;height:14px!important;stroke:#3b82f6cc;stroke-width:2;flex-shrink:0}.persona-name-modal .btn-submit{flex:2;padding:16px 24px;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid #d04ab7;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px}.persona-name-modal .btn-submit:hover:not(:disabled){background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ff6dd6;transform:translateY(-2px);box-shadow:0 8px 25px #e151c466}.persona-name-modal .btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.persona-name-modal .btn-submit.submitting .btn-text{display:none}.persona-name-modal .btn-submit.submitting .btn-loader{display:flex!important}.persona-name-modal .btn-submit svg{width:18px!important;height:18px!important;stroke:#fff;stroke-width:2;flex-shrink:0}.persona-name-modal .btn-submit .btn-text{line-height:1;margin:0}.persona-name-modal .btn-submit .btn-loader{display:none;align-items:center;gap:8px}.persona-name-modal .btn-submit .btn-loader svg{animation:spin 1s linear infinite}.persona-name-modal .btn-submit:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.15),transparent);transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s ease}.persona-name-modal .btn-submit:hover:before{transform:rotate(45deg) translate(100%,100%)}.persona-name-modal .btn-cancel{flex:1;padding:16px 24px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:8px;color:#fffffff2;font-size:1rem;font-family:Roboto Condensed,sans-serif;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.persona-name-modal .btn-cancel:hover{background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px)}.persona-name-modal .btn-cancel svg{width:22px!important;height:22px!important;stroke:#fffffff2;stroke-width:2}.persona-name-modal .success-content{padding:32px;text-align:center;position:relative}@media (max-width: 767px){.persona-name-modal .success-content{padding:24px}}.persona-name-modal .success-content .success-icon{width:70px;height:70px;margin:0 auto 24px;background:linear-gradient(135deg,#10b981,#34d399);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;animation:successBounce .6s ease-out}.persona-name-modal .success-content .success-icon:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:linear-gradient(135deg,#10b981,#34d399);z-index:-1;animation:successPulse 2s ease-in-out infinite}.persona-name-modal .success-content .success-icon svg{width:32px!important;height:32px!important;stroke:#fff;stroke-width:2}.persona-name-modal .success-content .success-title{font-family:Roboto Condensed,sans-serif;font-size:1.4rem;font-weight:700;color:#fffffff2;margin-bottom:16px}@media (max-width: 767px){.persona-name-modal .success-content .success-title{font-size:1.2rem}}.persona-name-modal .success-content .success-message{color:#ffffffd9;font-size:1rem;line-height:1.6;margin-bottom:32px}@media (max-width: 767px){.persona-name-modal .success-content .success-message{font-size:.9rem}}.persona-name-modal .success-content .success-actions{display:flex;justify-content:center}.persona-name-modal .success-content .btn-close-success{padding:12px 32px;background:linear-gradient(90deg,#9e2a88,#e151c4);border:2px solid #d04ab7;border-radius:8px;color:#fff;font-size:1rem;font-family:Roboto Condensed,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.persona-name-modal .success-content .btn-close-success:hover{background:linear-gradient(90deg,#b533a3,#ff6dd6);border-color:#ff6dd6;transform:translateY(-1px);box-shadow:0 4px 15px #e151c44d}.persona-name-modal .success-content .btn-close-success svg{width:18px!important;height:18px!important;stroke:#fff;stroke-width:2}.persona-name-modal .error-content{padding:32px;text-align:center}@media (max-width: 767px){.persona-name-modal .error-content{padding:24px}}.persona-name-modal .error-content .error-icon{width:70px;height:70px;margin:0 auto 24px;background:linear-gradient(135deg,#ef4444,#f87171);border-radius:50%;display:flex;align-items:center;justify-content:center}.persona-name-modal .error-content .error-icon svg{width:32px!important;height:32px!important;stroke:#fff;stroke-width:2}.persona-name-modal .error-content .error-title{font-family:Roboto Condensed,sans-serif;font-size:1.3rem;font-weight:700;color:#fffffff2;margin-bottom:16px}.persona-name-modal .error-content .error-message{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:32px}.persona-name-modal .error-content .error-actions{display:flex;gap:16px;justify-content:center}@media (max-width: 767px){.persona-name-modal .error-content .error-actions{flex-direction:column;gap:12px}}.persona-name-modal .error-content .btn-retry{padding:12px 24px;background:linear-gradient(135deg,#ef4444,#f87171);border:2px solid #ef4444;border-radius:8px;color:#fff;font-family:Roboto Condensed,sans-serif;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.persona-name-modal .error-content .btn-retry:hover{background:linear-gradient(135deg,#dc2626,#ef4444);border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 15px #ef44444d}.persona-name-modal .error-content .btn-retry svg{width:16px!important;height:16px!important;stroke:#fff;stroke-width:2}@keyframes personaIconPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes successBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes successPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.modal-open{overflow:hidden}@media (max-width: 767px){body.modal-open{position:fixed;width:100%;height:100%}}svg[data-lucide]{display:inline-block;width:30px!important;height:30px!important;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.search-container svg[data-lucide]{width:23px!important;height:23px!important;position:relative;top:3px}