@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.tab-navigation{width:100%;position:sticky;top:0;z-index:100;padding:8px 16px;display:flex;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border)}.tab-navigation.light{background:#fffc;box-shadow:0 4px 16px #0000001a}.tab-navigation.dark{background:#1a202ccc;box-shadow:0 4px 16px #0000004d}.tab-container{display:flex;justify-content:center;align-items:center;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:4px;width:100%;max-width:200px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-container:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.tab-button{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-lg);border:none;background:transparent;color:#000c;font-family:Inter,sans-serif;font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tab-button:hover{background:#0000001a;color:#000000e6;transform:translateY(-1px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;box-shadow:0 2px 8px #667eea66;transform:translateY(-1px)}.tab-button.active:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease}.tab-button.active:hover:before{opacity:1}.tab-icon{margin-right:6px;font-size:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.tab-button:hover .tab-icon{transform:scale(1.05)}.tab-button.active .tab-icon{transform:scale(1.1)}.tab-label{letter-spacing:.2px;font-weight:500;transition:all .3s ease}.tab-button.active .tab-label{font-weight:600;letter-spacing:.3px}.active-indicator{position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:20px;height:2px;background:linear-gradient(90deg,#fff,#fffc);border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #ffffff4d}.tab-button.active:hover .active-indicator{width:24px;box-shadow:0 2px 6px #fff6}@media (max-width: 380px){.tab-navigation{padding:6px 12px}.tab-container{border-radius:var(--radius-lg);padding:3px;max-width:180px}.tab-button{padding:6px 10px;font-size:13px}.tab-icon{margin-right:4px;font-size:14px}}@media (max-width: 320px){.tab-navigation{padding:4px 8px}.tab-container{max-width:160px;padding:2px}.tab-button{padding:5px 8px;font-size:12px}.tab-icon{margin-right:3px;font-size:13px}}.tab-navigation{animation:slide-down .5s cubic-bezier(.4,0,.2,1)}@keyframes slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tab-button:focus-visible{outline:2px solid rgba(0,0,0,.5);outline-offset:2px;border-radius:var(--radius-xl)}.tab-navigation.dark .tab-button{color:#fffc}.tab-navigation.dark .tab-button:hover{background:#ffffff1a;color:#ffffffe6}.tab-navigation.dark .tab-button.active{background:linear-gradient(135deg,#4c1d95,#7c3aed);color:#fff;box-shadow:0 4px 15px #7c3aed66}.tab-navigation.dark .tab-button.active:before{background:linear-gradient(135deg,#ffffff4d,#ffffff1a)}.tab-navigation.dark .active-indicator{background:linear-gradient(90deg,#fff,#fffc);box-shadow:0 2px 8px #ffffff4d}.tab-navigation.dark .tab-button.active:hover .active-indicator{box-shadow:0 4px 12px #fff6}.tab-navigation.dark .tab-button:focus-visible{outline:2px solid rgba(255,255,255,.5)}@media (prefers-reduced-motion: reduce){.tab-navigation,.tab-container,.tab-button,.tab-icon,.active-indicator{animation:none!important;transition:none!important}.tab-button:hover,.tab-button.active,.tab-icon{transform:none!important}}@media (prefers-contrast: high){.tab-button{border:1px solid currentColor}.tab-button.active{border-width:2px}.active-indicator{background:currentColor}}.media-uploader{width:100%}.media-source-selector{display:flex;margin-bottom:20px;width:100%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.media-source-button{flex:1;padding:12px 16px;background:transparent;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;font-weight:500;color:#ffffffb3;border-radius:var(--radius-md);font-family:Inter,sans-serif}.media-source-button:hover{color:#ffffffe6;background:#ffffff1a}.media-source-button.active{background:linear-gradient(135deg,#fff3,#ffffff1a);color:#fff;box-shadow:0 4px 15px #0003;transform:translateY(-1px)}.file-upload{display:flex;flex-direction:column;width:100%}.file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.file-label{display:flex;justify-content:center;align-items:center;width:100%;height:80px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:20px;padding:0 20px;white-space:nowrap;text-overflow:ellipsis;color:#fffc;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.file-label:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease}.file-label:hover{border-color:#fff9;background:#ffffff26;transform:translateY(-2px);box-shadow:var(--shadow-md)}.file-label:hover:before{opacity:1}.file-label:active{transform:translateY(0)}.url-input-container{width:100%;margin-bottom:20px}.url-input{width:100%;padding:16px 20px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);font-size:15px;background:#ffffff1a;color:#ffffffe6;font-family:Inter,sans-serif;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.5}.url-input:focus{outline:none;border-color:#fffc;box-shadow:0 0 0 4px #fff3;background:#ffffff26;transform:translateY(-2px)}.url-input::placeholder{color:#ffffff80}.media-preview{display:flex;flex-direction:column;align-items:center;margin:20px 0;width:100%;min-height:100px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-lg);padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:visible}.media-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-lg);opacity:0;transition:opacity .3s ease}.media-preview:hover:before{opacity:1}.media-preview-image,.media-preview-video{max-width:100%;max-height:250px;width:auto;height:auto;border-radius:var(--radius-md);margin-bottom:16px;box-shadow:var(--shadow-md);transition:transform .3s cubic-bezier(.4,0,.2,1);display:block;object-fit:contain}.media-preview-image:hover,.media-preview-video:hover{transform:scale(1.02)}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#fffc}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid rgba(255,255,255,.8);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-indicator p{margin:0;font-size:14px;font-weight:500;color:#ffffffb3}.reset-button{background:linear-gradient(135deg,#f87171e6,#ef4444cc);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-lg);cursor:pointer;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.reset-button:hover{background:linear-gradient(135deg,#f87171,#ef4444e6);transform:translateY(-2px);box-shadow:var(--shadow-md)}.reset-button:active{transform:translateY(0)}.error{color:#f87171;margin-top:12px;font-size:14px;font-weight:500;padding:12px 16px;background:#f871711a;border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 600px){.media-source-selector{margin-bottom:16px}.media-source-button{padding:10px 12px;font-size:14px}.file-label{height:70px;padding:0 16px;font-size:14px}.url-input{padding:14px 16px;font-size:14px}.media-preview{padding:16px;margin:16px 0}.media-preview-image,.media-preview-video{max-height:200px}.reset-button{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.media-source-button{padding:8px 10px;font-size:13px}.file-label{height:60px;padding:0 12px;font-size:13px}.url-input{padding:12px 14px;font-size:13px}.media-preview{padding:12px}.media-preview-image,.media-preview-video{max-height:180px}.reset-button{padding:6px 12px;font-size:12px}}@media (prefers-reduced-motion: reduce){.file-label,.url-input,.media-preview-image,.media-preview-video,.reset-button,.media-source-button{animation:none!important;transition:none!important}.file-label:hover,.url-input:focus,.reset-button:hover{transform:none!important}}.media-source-button:focus-visible,.file-label:focus-visible,.url-input:focus-visible,.reset-button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.contact-tab{width:100%;max-width:800px;margin:0 auto;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:all .4s cubic-bezier(.4,0,.2,1);animation:slide-in .5s cubic-bezier(.4,0,.2,1)}@keyframes slide-in{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.contact-header{text-align:center;margin-bottom:24px;position:relative}.header-title{font-size:clamp(1.5rem,5vw,2.5rem);margin-bottom:16px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;line-height:1.1;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;animation:title-appear 1s cubic-bezier(.4,0,.2,1);transform-origin:center;text-shadow:0 4px 20px rgba(255,255,255,.3)}@keyframes title-appear{0%{opacity:0;transform:translateY(-30px) scale(.9)}50%{opacity:.8;transform:translateY(-10px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.header-divider{width:80px;height:4px;background:linear-gradient(90deg,#fffc,#fff6);margin:16px auto;border-radius:4px;animation:divider-slide 1.2s cubic-bezier(.4,0,.2,1) .3s both;box-shadow:0 2px 10px #ffffff4d}@keyframes divider-slide{0%{width:0;opacity:0;transform:scaleX(0)}to{width:80px;opacity:1;transform:scaleX(1)}}.header-subtitle{font-size:16px;color:#fffc;max-width:600px;margin:0 auto;animation:subtitle-fade 1.2s cubic-bezier(.4,0,.2,1) .6s both;font-weight:400;line-height:1.5}@keyframes subtitle-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);padding:24px;margin-bottom:24px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-2xl);opacity:0;transition:opacity .3s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.contact-card:hover:before{opacity:1}.section-label{display:block;font-size:18px;font-weight:600;margin-bottom:16px;color:#ffffffe6;letter-spacing:.5px}.required-badge{display:none;font-size:12px;background-color:#3a7bd5;color:#fff;padding:2px 6px;border-radius:10px;margin-left:6px;font-weight:500}.tag-section{margin-bottom:20px}.tag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:16px}.tag-option{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-xl);padding:16px 12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;height:100%;min-height:120px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.tag-option:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff3,#ffffff1a);border-radius:var(--radius-xl);opacity:0;transition:opacity .3s ease}.tag-option:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg);border-color:#fff6}.tag-option:hover:before{opacity:1}.tag-option.selected{border-color:#fffc;background:linear-gradient(135deg,#ffffff40,#ffffff26);transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-lg)}.tag-option.selected:before{opacity:1}.tag-icon{font-size:32px;margin-bottom:12px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.tag-option:hover .tag-icon{transform:scale(1.2) rotate(5deg)}.tag-option.selected .tag-icon{transform:scale(1.3) rotate(10deg)}.tag-label{font-size:16px;font-weight:600;margin-bottom:8px;color:#ffffffe6;position:relative;z-index:2;letter-spacing:.3px}.tag-description{font-size:14px;color:#ffffffb3;line-height:1.4;position:relative;z-index:2}.media-section{margin-bottom:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.2)}.message-section{margin-bottom:20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.message-textarea{width:100%;min-height:120px;padding:16px;border-radius:var(--radius-lg);font-size:16px;border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;resize:vertical;background:#ffffff1a;color:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);line-height:1.5}.message-textarea:focus{outline:none;border-color:#fffc;box-shadow:0 0 0 4px #fff3;background:#ffffff26;transform:translateY(-2px)}.message-textarea::placeholder{color:#ffffff80}.message-textarea.warning{border-color:#fbbf24;box-shadow:0 0 0 4px #fbbf2433}.message-textarea.error{border-color:#f87171;box-shadow:0 0 0 4px #f8717133}.submit-button{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;border-radius:var(--radius-xl);font-size:16px;font-weight:600;color:#2d3748;border:none;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md);letter-spacing:.5px}.submit-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fff,#ffffffe6)}.submit-button:active{transform:translateY(-2px)}.submit-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);transform:translate(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.submit-button:hover:after{transform:translate(100%)}.button-icon{margin-right:10px;font-size:18px;transition:transform .3s ease}.submit-button:hover .button-icon{transform:scale(1.1)}.button-text{letter-spacing:.5px;font-weight:600}.submit-button.animating{animation:button-pulse .4s cubic-bezier(.4,0,.2,1)}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}.error-container{margin-bottom:24px}.error-message{display:flex;align-items:center;padding:16px 20px;background:#f8717133;border:1px solid rgba(248,113,113,.4);color:#fef2f2;font-size:15px;border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-icon{margin-right:12px;font-size:18px}.submit-button.loading{background:linear-gradient(135deg,#fffc,#fff9);cursor:not-allowed;opacity:.8;height:48px;min-height:48px}.loading-indicator{display:flex;align-items:center;justify-content:center;flex-direction:row}.loading-dot{width:8px;height:8px;background-color:#2d3748;border-radius:50%;margin:0 3px;opacity:.8;animation:dot-pulse 1.4s infinite ease-in-out}.loading-dot:nth-child(1){animation-delay:0s}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,80%,to{transform:scale(0);opacity:.4}40%{transform:scale(1);opacity:1}}.success-container{width:100%;max-width:800px;margin:0 auto;padding:24px 20px;min-height:70vh;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.success-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);text-align:center;padding:50px 40px;max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:fade-in-up .6s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden}.success-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:var(--radius-2xl)}@keyframes fade-in-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.success-icon-container{width:100px;height:100px;border-radius:50%;margin:0 auto 24px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.success-icon-container:before{content:"";position:absolute;width:150%;height:150%;background:radial-gradient(circle,#fffc,#fff0 70%);animation:rotate-shine 4s linear infinite}@keyframes rotate-shine{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-icon{font-size:40px;position:relative;z-index:2;animation:bounce 2.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.success-title{font-size:32px;font-weight:800;margin-bottom:16px;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;z-index:2}.success-message{font-size:18px;color:#fffc;margin-bottom:32px;position:relative;z-index:2;line-height:1.6}.dark .success-message{color:#9aa0a6}.send-more-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border-radius:var(--radius-2xl);font-size:16px;font-weight:600;color:#2d3748;border:none;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:2;overflow:hidden}.send-more-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ffffff4d,#ffffff1a);transform:translate(-100%);transition:transform .6s cubic-bezier(.4,0,.2,1)}.send-more-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fff,#ffffffe6)}.send-more-button:hover:after{transform:translate(100%)}.send-more-button:active{transform:translateY(-2px)}.animated-star-wrapper{display:inline-block;margin-left:10px;position:relative;top:2px}.animated-star{width:32px;height:32px;fill:gold;filter:drop-shadow(0 0 3px rgba(255,215,0,.7));animation:star-pulse 2s ease-in-out infinite,star-rotate 8s linear infinite;transform-origin:center}@keyframes star-pulse{0%{transform:scale(1)}50%{transform:scale(1.2);filter:drop-shadow(0 0 6px rgba(255,215,0,.9))}to{transform:scale(1)}}@keyframes star-rotate{0%{transform:rotate(0)}25%{transform:rotate(5deg)}50%{transform:rotate(0)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.dark .animated-star{fill:#ffc107;filter:drop-shadow(0 0 4px rgba(255,193,7,.8))}.form-title{display:flex;align-items:center;gap:10px;justify-content:center}.form-title-icon{font-size:24px;color:initial;background:none;-webkit-background-clip:initial;background-clip:initial}.form-title-text{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.dark .form-title-icon{color:initial}.character-count{text-align:right;font-size:13px;color:#fff9;margin-top:8px;opacity:.8;transition:opacity .3s ease;font-weight:500}.character-count.warning{color:#fbbf24}.character-count.error{color:#f87171}.back-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);cursor:pointer;padding:10px 14px;color:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;gap:6px;border-radius:var(--radius-lg);font-family:inherit;font-size:14px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:16px}.back-button:hover{background:#fff3;transform:translate(-4px);border-color:#fff6}.back-button:active{transform:translate(-2px)}.back-button:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.dark .back-button:hover{background-color:#3a7bd533}.tag-option:focus{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}.tag-option:focus:not(:focus-visible){outline:none}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.contact-tab[data-step=messageForm]{animation:slide-in-right .3s ease}.contact-tab[data-step=tagSelection]{animation:slide-in-left .3s ease}.message-textarea{line-height:1.5;transition:all .2s ease}.message-textarea:focus+.character-count{opacity:1}.message-textarea.warning{border-color:#fbbf24}.message-textarea.error{border-color:#f87171}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.submit-button:disabled:after{display:none}@media (prefers-reduced-motion: reduce){.contact-tab,.tag-option,.submit-button,.back-button,.success-icon,.header-title,.header-divider,.header-subtitle{animation:none!important;transition:none!important}.submit-button:after,.send-more-button:after{display:none}}@media (prefers-contrast: high){.tag-option{border-width:2px}.tag-option.selected{border-color:currentColor}.message-textarea:focus{outline-width:3px}.submit-button{border:2px solid transparent}.submit-button:focus{border-color:currentColor}}[dir=rtl] .back-icon{transform:scaleX(-1);margin-right:0;margin-left:8px}[dir=rtl] .button-icon{margin-right:0;margin-left:12px}[dir=rtl] .character-count{text-align:left}.loading-dot,.success-icon{will-change:transform,opacity}.submit-button:after,.send-more-button:after{will-change:transform}.message-textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}*:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}*:focus:not(:focus-visible){outline:none}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;overflow-x:hidden;line-height:1.6}.app-container{display:flex;flex-direction:column;min-height:100vh;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.app-container.light{background:linear-gradient(135deg,#667eea,#764ba2);color:#2d3748}.app-container.dark{background:linear-gradient(135deg,#1a202c,#2d3748);color:#e2e8f0}.tab-content{flex:1;padding-bottom:12px;overflow-x:hidden;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab-content>div{animation:slide-up-fade .5s cubic-bezier(.4,0,.2,1)}@keyframes slide-up-fade{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#ffffff4d,#ffffff1a);border-radius:10px;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffffff80,#ffffff4d)}.dark ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fff3,#ffffff1a)}.dark ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fff6,#fff3)}::selection{background:linear-gradient(45deg,#63b3ed4d,#744ba24d);color:#2d3748}.dark ::selection{background:linear-gradient(45deg,#63b3ed66,#744ba266);color:#e2e8f0}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--accent-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--dark-primary-gradient: linear-gradient(135deg, #4c1d95 0%, #7c3aed 100%);--dark-secondary-gradient: linear-gradient(135deg, #be185d 0%, #ec4899 100%);--font-xs: 12px;--font-sm: 14px;--font-md: 16px;--font-lg: 18px;--font-xl: 24px;--font-2xl: 32px;--font-3xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 40px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 8px 25px rgba(0, 0, 0, .15);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .2);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--backdrop-blur: blur(20px);--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2)}.dark{--glass-bg: rgba(0, 0, 0, .2);--glass-border: rgba(255, 255, 255, .1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 25px rgba(0, 0, 0, .4);--shadow-lg: 0 20px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 25px 50px rgba(0, 0, 0, .6)}.version-label{position:fixed;bottom:12px;left:0;right:0;font-size:11px;opacity:.6;color:#fffc;font-family:Inter,sans-serif;z-index:5;text-align:center;width:100%;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dark .version-label{color:#ffffffb3}.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--primary-gradient)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3390ec;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.network-error{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px;margin:16px;text-align:center;color:#856404}.network-error p{margin:8px 0;font-size:14px}.network-error button{background:#3390ec;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:14px;cursor:pointer;margin-top:8px}.network-error button:hover{background:#2980b9}.error-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;text-align:center;padding:20px}.error-container h2{font-size:var(--font-2xl);margin-bottom:var(--spacing-md);font-weight:700}.error-container p{font-size:var(--font-lg);opacity:.9;max-width:400px;margin:0 auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa}html,body,#root{height:100%}