:root{--bg-primary:#121416;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--bg-input:#121416;--text-primary:#fff;--text-secondary:#ccc;--text-tertiary:#aaa;--text-muted:#888;--color-primary:#EF2A1C;--color-primary-hover:#d12316;--color-primary-glow:rgba(239,42,28,0.8);--color-accent-purple:#667eea;--color-accent-purple-dark:#764ba2;--color-success:#22c55e;--color-error:#ef4444;--color-danger:#e74c3c;--btn-text:#F8F9FA;--gradient-purple:linear-gradient(135deg,#667eea 0%,#764ba2 100%);--border-primary:#2a2a2a;--border-subtle:rgba(156,163,175,0.1);--overlay-dark:rgba(0,0,0,0.8);--overlay-medium:rgba(30,30,30,0.95);--overlay-light:rgba(255,255,255,0.3)}[data-theme="light"]{--bg-primary:#ffffff;--bg-secondary:#f5f5f5;--bg-tertiary:#e5e5e5;--bg-input:#ffffff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#6a6a6a;--text-muted:#8a8a8a;--color-primary:#EF2A1C;--color-primary-hover:#d12316;--color-primary-glow:rgba(239,42,28,0.3);--color-accent-purple:#667eea;--color-accent-purple-dark:#764ba2;--color-success:#22c55e;--color-error:#ef4444;--color-danger:#e74c3c;--btn-text:#ffffff;--border-primary:#d1d1d1;--border-subtle:rgba(0,0,0,0.1);--overlay-dark:rgba(0,0,0,0.5);--overlay-medium:rgba(245,245,245,0.95);--overlay-light:rgba(0,0,0,0.3)}:root{--font-primary:'Rajdhani',sans-serif;--font-secondary:Arial,sans-serif;--spacing-header:var(--header-height);--spacing-padding-common:5%;--size-logo:40px;--radius:6px;--radius-lg:8px;--shadow-glow:0 0 30px rgba(239,42,28,0.8);--shadow-card:0 4px 12px rgba(0,0,0,0.5);--transition-fast:0.2s;--transition:0.3s;--z-particles:0;--z-footer:10;--z-header:20;--z-dropdown:100;--z-modal:100;--z-toast:10000;--hover-lift:-2px}.unclickable{user-select:none;pointer-events:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}*{margin:0;padding:0;box-sizing:border-box}main{padding-top:var(--spacing-header);min-height:calc(100vh - var(--footer-height))}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-primary);min-height:calc(100vh - var(--footer-height));display:flex;flex-direction:column;position:relative}#particles{position:absolute;inset:0;display:block;z-index:var(--z-particles);pointer-events:none}.section-reveal{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;will-change:opacity,transform;overflow-anchor:none}.section-reveal.visible{opacity:1;transform:translateY(0)}.section-left{display:flex;flex-direction:column;gap:1.5rem}.section-left h1,.section-left h3{font-size:clamp(1.8rem,4vw,2.55rem);font-weight:900;color:var(--text-primary);font-family:var(--font-primary);line-height:1.2;margin-bottom:-15px}.section-left h1{letter-spacing:inherit;padding-left:0}.section-left p{color:var(--text-secondary);font-size:clamp(1.2rem,2vw,1.3rem);line-height:1.8;margin:0}.section-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:30px}.section-band{background-color:var(--bg-secondary);padding:6rem 0}@media (max-width:802px){.section-band{padding:3rem 0}}.section-margin{margin:0 var(--spacing-padding-common) 0 var(--spacing-padding-common)}.section-split-left{padding-left:15px}@media (max-width:802px){.section-split{grid-template-columns:1fr;gap:2rem}}.section-hero{position:relative;min-height:calc(100vh - var(--spacing-header));padding:4rem 0;overflow:hidden;isolation:isolate}.hero-layer{position:relative;z-index:2;width:100%;height:100%;display:flex;align-items:center;min-height:calc(100vh - var(--spacing-header) - 8rem)}.hero-content{position:relative;z-index:2;width:100%}.section-hero{position:relative;overflow:hidden}.section-hero .hero-content{position:relative;z-index:2}.logo-hero{position:absolute;top:-60px;right:-80px;width:clamp(420px,52vw,980px);aspect-ratio:1 / 1;opacity:0;transform:translateY(12px);transition:opacity .8s ease-out,transform .8s ease-out;z-index:1;pointer-events:none}.section-hero.visible .logo-hero{opacity:1;transform:translateY(0)}.logo-hero::before{content:"";position:absolute;inset:0;background:var(--bg-primary);-webkit-mask:url("/static/landing/icons/logo.svg?00f711c3fb6c") right center / contain no-repeat;mask:url("/static/landing/icons/logo.svg?00f711c3fb6c") right center / contain no-repeat;opacity:1}.logo-hero::after{content:"";position:absolute;inset:0;background:url("/static/landing/icons/logo.svg?00f711c3fb6c") right center / contain no-repeat;opacity:.30}@media (max-width:802px){.section-hero{padding:2rem 0}}.highlight{color:var(--color-accent-purple);font-weight:700}.hero-message.section-left{gap:0}.hero-message.section-left .hero-header{font-size:clamp(2.8rem,4.6vw,5rem);line-height:1.05;margin:0 0 28px 0}.hero-text-left{font-size:1rem}.hero-message p{font-size:clamp(1.25rem,3.2vw,1.65rem);font-weight:600;line-height:1.5;margin:0 0 1.25rem 0;letter-spacing:0.01em;font-family:var(--font-primary);border-left:3px solid var(--color-primary);padding-left:18px}.hero-message p .highlight{color:var(--color-primary);font-weight:900;font-family:'Courier New',monospace;background:rgba(239,42,28,0.12);padding:2px 8px;border-radius:2px;letter-spacing:0.05em}.hero-text-right{font-size:clamp(2.8rem,5.2vw,4.4rem);font-weight:bold;color:var(--color-primary);letter-spacing:0.2em;text-align:left;line-height:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:1rem;margin:0 auto;width:fit-content;opacity:0;transform:translateY(30px);text-shadow:0 0 10px rgba(239,42,28,0.35),0 0 24px rgba(239,42,28,0.18)}.hero-text-right div:hover{text-shadow:0 0 12px rgba(239,42,28,0.55),0 0 32px rgba(239,42,28,0.30)}@media (max-width:802px){.hero-text-right{font-size:clamp(3.0rem,9.5vw,4.8rem);gap:0.5rem;margin-top:-1.25rem}}.hero-text-right.visible{opacity:1;transform:translateY(0)}.hero-text-right .hero-line{position:relative}.hero-text-right .hero-line .ghost{color:transparent;text-shadow:none;user-select:none;pointer-events:none}.hero-text-right .hero-line .typed{position:absolute;left:0;top:0;width:100%;text-shadow:inherit}.hero-text-right .hero-line.is-hidden .typed{visibility:hidden}.hero-text-right .hero-line.typing .typed::after,.hero-text-right .hero-line.caret .typed::after{content:"▌";margin-left:0.2ch;animation:caretBlink 1.5s steps(1,end) infinite}@keyframes caretBlink{50%{opacity:0}}.hero-text-right div{opacity:1!important;animation:none!important}.contact-left{margin-bottom:20px}.contact-left p{margin:0 0 -1.5rem 0}.contact-email{display:flex;align-items:center;gap:14px;margin-top:18px}.contact-email-icon{width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid var(--border-subtle);display:grid;place-items:center;color:var(--text-primary);flex:0 0 46px}.contact-email-title{font-weight:900;font-size:1.15rem;color:var(--text-primary);line-height:1.1;margin-bottom:4px}.contact-email-link{color:var(--text-muted);text-decoration:none;font-size:1.05rem;transition:text-decoration-color var(--transition-fast);text-decoration-color:transparent}.contact-email-link:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px;text-decoration-color:currentColor}.section-contact .contact-left p{margin:0;line-height:1.25}.section-contact .contact-left p + p{margin-top:-22px}@media (max-width:802px){.hero-split{grid-template-columns:1fr;gap:2rem}.center-text div{text-align:center}.hero-message{text-align:left}}.section-contact.visible>div{opacity:1;transform:translateY(0)}section[id]{scroll-margin-top:72px}.btn-primary,.cta-button{border:none;font-family:var(--font-primary);font-size:inherit;cursor:pointer;display:inline-block;background:var(--color-primary);color:var(--btn-text);padding:9px 22px;border-radius:var(--radius);text-decoration:none;font-weight:900;transition:background var(--transition);white-space:nowrap;flex-shrink:0;position:relative;overflow:hidden}.btn-primary::before,.cta-button::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);animation:stripe-move 8s linear infinite}.btn-primary:hover,.cta-button:hover{background:var(--color-primary-hover)}@media (min-width:803px){.btn-primary,.cta-button{transition:background var(--transition),transform var(--transition-fast)}.btn-primary:hover,.cta-button:hover{transform:translateY(var(--hover-lift))}}.btn-secondary{background:transparent;border:2px solid var(--color-accent-purple);color:var(--color-accent-purple);padding:20px 24px;border-radius:var(--radius);font-family:var(--font-primary);font-weight:900;cursor:pointer;transition:background var(--transition),color var(--transition);text-decoration:none;display:inline-block;position:relative;overflow:hidden}.btn-secondary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,0.3),transparent);animation:stripe-move 8s linear infinite}.btn-secondary:hover{background:var(--color-accent-purple);color:var(--text-primary)}@media (min-width:803px){.btn-secondary{transition:background var(--transition),color var(--transition),transform var(--transition-fast)}.btn-secondary:hover{transform:translateY(var(--hover-lift))}}@keyframes stripe-move{0%,90%{left:-100%;opacity:0}92%{opacity:1}100%{left:100%;opacity:1}}.form-input,.form-textarea{width:100%;padding:12px;background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-primary);font-size:1rem;transition:border-color var(--transition)}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-textarea{min-height:100px;resize:vertical;line-height:1.5}.form-label{display:block;color:var(--text-secondary);font-family:var(--font-primary);font-size:1.1rem;margin-bottom:8px;letter-spacing:0.05em}.link-primary{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.link-primary:hover{color:var(--text-primary)}.section-product{padding:2rem 0 3rem;min-height:calc(100vh - var(--spacing-header))}@media (min-width:803px){.section-product{padding:5rem 0 3rem}}.product-wrap{display:grid;gap:2.5rem}.product-title{font-size:clamp(2.4rem,4vw,3.6rem);line-height:1.05;letter-spacing:-0.02em;margin-bottom:20px;padding-left:0px}.product-subtitle{color:var(--text-secondary);font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.6;margin-bottom:22px}.section-product .cta-link{display:inline-flex;align-items:center;gap:10px;padding:14px 0 0 0;border-radius:12px;color:var(--text-primary);text-decoration:none;font-weight:900;transition:opacity var(--transition)}.section-product .cta-link-icon{width:35px;height:35px;display:block}.section-product .cta-link:hover{opacity:0.7}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.product-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:14px;padding:18px}.product-card-wide{grid-column:1 / -1}.product-card-title{font-size:1.1rem;font-weight:900;margin-bottom:12px}.product-wrap,.product-grid,.product-card{min-width:0}.section-product .code-block code{min-width:0}.product-note{margin-top:10px;color:var(--text-muted);font-size:0.98rem}.section-product .code-block{margin:0;padding:14px 16px;border-radius:12px;overflow:auto;background:rgba(0,0,0,0.35);border:1px solid var(--border-subtle)}.section-product .code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-size:0.95rem;white-space:pre}.product-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.product-dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--color-primary);box-shadow:0 0 18px rgba(239,42,28,0.35);margin-right:10px;transform:translateY(1px)}@media (max-width:802px){.product-grid{grid-template-columns:1fr}}@keyframes fadeIn{from{opacity:0;transform:translateX(-30px);filter:blur(8px)}to{opacity:1;transform:translateX(0);filter:blur(0)}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes slideIn{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.logo-link{display:block;width:var(--size-logo);height:var(--size-logo);cursor:pointer;text-decoration:none}.logo{width:100%;height:100%;pointer-events:none}.text-logo{font-size:1.8rem;padding-right:10px;padding-left:3px}@media (min-width:803px){.text-logo{font-size:1.5rem}}h1{font-size:1.6rem;font-weight:bold;letter-spacing:0.15em;color:var(--text-primary);padding-left:10px}.dropdown{position:relative;margin-left:20px}@media (max-width:802px){.dropdown{margin-left:0;width:100%}}.dropdown-button{background:none;border:none;color:var(--text-secondary);font-size:1.3rem;font-family:var(--font-primary);font-weight:bold;cursor:pointer;transition:color var(--transition);letter-spacing:0.1em;padding:0;outline:none}.dropdown-button:hover{color:var(--text-primary)}.dropdown-content{top:100%;margin-top:0;padding-top:10px;background:transparent;z-index:var(--z-dropdown)}.dropdown-content::before{content:'';position:absolute;top:0;left:0;right:0;height:10px;background:transparent}.dropdown-content a{display:block;color:var(--text-muted);text-decoration:none;padding:12px 20px;transition:background var(--transition),color var(--transition)}.dropdown-content a:hover{color:var(--text-primary)}@media (min-width:803px){.dropdown{position:relative}.dropdown-content{position:absolute;top:100%;left:50%;transform:translateX(-50%);opacity:0;visibility:hidden;pointer-events:none;display:block;z-index:var(--z-dropdown);transition:opacity var(--transition),visibility 0s linear var(--transition)}.dropdown-content::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px;background:transparent}.dropdown-menu{min-width:max-content;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:6px;transform:translateY(-10px);border-top-left-radius:0;border-top-right-radius:0;opacity:0;transition:transform var(--transition),opacity var(--transition);will-change:transform,opacity}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--transition),visibility 0s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{transform:translateY(0);opacity:1}.dropdown-content a{padding:8px 12px;font-size:1.1rem;font-weight:bold;letter-spacing:0.1em;border-radius:calc(var(--radius-lg) - 4px)}}.menu-items-flex-center{display:flex;align-items:center;gap:0.75rem}@media (max-width:802px){.dropdown-content{position:static;display:grid;grid-template-rows:0fr;padding-top:0;transition:grid-template-rows var(--transition),padding-top var(--transition);overflow:hidden}.dropdown-content.open{grid-template-rows:1fr;padding-top:5px}.dropdown-menu{background:transparent;display:flex;flex-direction:column;gap:5px;overflow:hidden;min-height:0}.dropdown-content a{padding:8px 0;text-align:right;color:var(--text-muted);font-size:1.2rem;font-family:var(--font-primary);font-weight:bold;letter-spacing:0.1em;text-decoration:none;opacity:0;transform:translateY(-10px);transition:opacity var(--transition),transform var(--transition),color var(--transition),background var(--transition)}.dropdown-content.open a{opacity:1;transform:translateY(0)}.dropdown-content.open a:nth-child(1){transition-delay:0.05s}.dropdown-content.open a:nth-child(2){transition-delay:0.1s}.dropdown-content.open a:nth-child(3){transition-delay:0.15s}.dropdown-content a:hover{color:var(--text-primary);background:transparent}}:root{--header-height:6rem;--header-height-second:0fr}@media (min-width:803px){:root{--header-height:4rem}}#header{position:fixed;left:0;z-index:var(--z-header);width:100%;background:var(--bg-secondary)}#header-nav{display:grid;grid-template-columns:auto 1fr;grid-template-rows:var(--header-height) var(--header-height-second);gap:0 1rem;padding-left:var(--spacing-padding-common);padding-right:var(--spacing-padding-common);transition:grid-template-rows var(--transition)}@media (min-width:803px){#header-nav{padding-left:var(--spacing-padding-common);padding-right:var(--spacing-padding-common)}}#header-nav>div{grid-column:span 2;grid-row:span 2;margin-left:auto;margin-right:auto;display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid;align-items:center;justify-content:space-between}@media (max-width:802px){#header-nav>div{overflow:hidden}}#header-nav>div>div:first-child{grid-column-start:1;grid-row-start:1;display:flex;height:100%;align-items:center;gap:0.75rem}#header-nav>div>div:nth-child(2){grid-column-start:2;grid-row-start:1;display:grid;grid-template-columns:1fr}@media (min-width:803px){#header-nav>div>div:nth-child(2){height:100%}}@media (max-width:802px){#header-nav>div>div:nth-child(2){grid-column:1 / -1;grid-column-start:1;grid-row-start:2;align-self:start;overflow:hidden}}#header-nav>div>div:nth-child(2)>div{display:flex;align-items:center;gap:0.75rem;justify-content:space-between}@media (min-width:1024px){#header-nav>div>div:nth-child(2)>div{gap:1.5rem}}@media (max-width:802px){#header-nav>div>div:nth-child(2)>div{flex-direction:column;align-items:flex-end;text-align:right;padding-bottom:1.25rem}#header-nav>div>div:nth-child(2)>div>div{display:flex;flex-direction:column;align-items:flex-end;gap:0.75rem;width:100%}.dropdown{order:3}#header-nav>div>div:nth-child(2)>div>div{order:1}.cta-button{align-self:flex-end;margin-bottom:15px}.theme-toggle{align-self:flex-end}}#header-toggle-wrapper{grid-column-start:2;grid-row-start:1;align-self:center;justify-self:end;height:100%;display:flex;align-items:center}#header-toggle{background:var(--color-primary);border:none;cursor:pointer;height:48px;width:48px;display:flex;align-items:center;justify-content:center;padding:0;transition:background var(--transition);color:var(--btn-text);border-radius:var(--radius-lg)}#header-toggle:hover{background:var(--color-primary-hover)}#header-toggle svg{height:28px;width:28px}@media (min-width:803px){#header-toggle-wrapper,#header-toggle{display:none}}#menu-line-1{transform-origin:top right;transition:transform var(--transition)}#menu-line-2{transition:opacity var(--transition)}#menu-line-3{transform-origin:bottom right;transition:transform var(--transition)}#header-toggle.menu-open #menu-line-1{transform:rotate(-45deg) translateY(-2px)}#header-toggle.menu-open #menu-line-2{opacity:0}#header-toggle.menu-open #menu-line-3{transform:rotate(45deg) translateY(2px)}#header-nav.menu-open{--header-height-second:1fr}.theme-toggle{position:relative;display:inline-block;width:68px;height:36px;cursor:pointer}.theme-toggle-input{opacity:0;width:0;height:0}.theme-toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#4b5563;border:none;border-radius:9999px;transition:background-color var(--transition);display:flex;align-items:center;padding:3px}.theme-toggle-slider::before{content:"";position:absolute;height:30px;width:30px;left:3px;background-color:#ffffff;border-radius:50%;transition:transform var(--transition);box-shadow:0 2px 8px rgba(0,0,0,0.15);z-index:2}.theme-toggle-input:checked + .theme-toggle-slider{background-color:#4b5563}.theme-toggle-input:checked + .theme-toggle-slider::before{transform:translateX(32px)}.theme-toggle:hover .theme-toggle-slider{background-color:#6b7280}.theme-icon{width:20px;height:20px;position:absolute;transition:opacity var(--transition),transform var(--transition);z-index:3;pointer-events:none}.sun-icon{left:8px;color:#f59e0b;opacity:0;transform:scale(0.8)}.moon-icon{right:8px;color:#60a5fa;opacity:1;transform:scale(1)}.theme-toggle-input:checked + .theme-toggle-slider .sun-icon{opacity:1;transform:scale(1)}.theme-toggle-input:checked + .theme-toggle-slider .moon-icon{opacity:0;transform:scale(0.8)}.theme-toggle-slider,.theme-toggle-slider::before,.theme-icon{transition:none!important}body.loaded .theme-toggle-slider,body.loaded .theme-toggle-slider::before,body.loaded .theme-icon{transition:background-color var(--transition),transform var(--transition),opacity var(--transition)!important}footer{margin-top:auto;padding:20px var(--spacing-padding-common);background:var(--bg-secondary);color:var(--text-muted);font-size:0.9rem;font-family:var(--font-secondary);position:relative;z-index:var(--z-footer)}.footer-container{display:flex;justify-content:space-between;align-items:center;position:relative}.footer-left{display:flex;align-items:center;gap:10px}.footer-logo{width:30px;height:30px;pointer-events:none}.footer-brand{font-weight:bold;color:var(--text-primary);font-family:var(--font-primary)}.footer-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px}.footer-links{display:flex;gap:15px;align-items:center}.footer-links a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.footer-links a:last-child{display:flex;flex-direction:column;line-height:1.2}.footer-links a:hover{color:var(--text-primary)}.footer-divider{color:var(--text-muted)}.footer-copyright{margin:0;color:var(--text-muted)}.footer-right{display:flex;gap:15px;align-items:center}.footer-right a{display:inline-block;transition:opacity var(--transition)}.footer-right a:hover{opacity:0.7}.footer-right img{width:24px;height:24px;display:block}:root{--footer-height:70px}@media (max-width:802px){.footer-container{flex-direction:column;gap:15px;text-align:center}.footer-center{position:static;transform:none;flex-direction:column;gap:8px}.footer-links{flex-direction:row;gap:15px;justify-content:center}.footer-divider{display:none}footer{padding:15px 20px}}.section-contact{padding:0;position:relative;z-index:10}.contact-right{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:40px}.contact-title{color:var(--color-primary);font-family:var(--font-primary);letter-spacing:0.1em;text-align:left;font-size:2rem;margin-bottom:30px;letter-spacing:0.1em}@media (max-width:768px){.contact-container{grid-template-columns:1fr;gap:2rem}.contact-right{padding:30px 20px}}.field-validation-error-message{color:var(--color-primary);font-size:0.7rem;margin-top:5px;font-family:var(--font-primary);letter-spacing:0.05em;text-align:right;position:absolute;bottom:0;right:0;left:0}.form-group{margin-bottom:5px;position:relative;padding-bottom:20px}.form-submit{width:100%;padding:14px;font-size:1.2rem;margin-top:10px}.form-submit:disabled{opacity:0.6;cursor:not-allowed;pointer-events:none}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,0.3);border-top-color:var(--text-primary);border-radius:50%;animation:spin 0.8s linear infinite;vertical-align:middle;margin-right:8px}.char-counter{position:absolute;bottom:1.1rem;right:0rem;font-size:0.65rem;color:var(--text-tertiary);padding:0.25rem 0.5rem;border-radius:var(--radius);pointer-events:none;z-index:1}.char-counter.danger{color:var(--color-danger)}#toast-container{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:12px;pointer-events:none}#toast-container>*{pointer-events:auto}.toast{display:flex;align-items:center;gap:12px;background:var(--overlay-medium);border-left:4px solid var(--color-success);border-radius:var(--radius-lg);padding:16px;min-width:300px;max-width:500px;box-shadow:var(--shadow-card);opacity:0;transform:translateX(100%);transition:all var(--transition) ease;backdrop-filter:blur(10px)}.toast.show{opacity:1;transform:translateX(0)}.toast.error{border-left-color:var(--color-error)}.toast-icon{font-size:24px;font-weight:bold;flex-shrink:0}.toast.error .toast-icon{color:var(--color-error)}.toast:not(.error) .toast-icon{color:var(--color-success)}.toast-content{flex:1}.toast-title{font-weight:600;margin-bottom:4px;color:var(--text-primary);font-size:16px}.toast-message{font-size:14px;color:var(--text-primary);opacity:0.9}.toast-close{background:none;border:none;color:var(--text-tertiary);font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;flex-shrink:0;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast.removing{animation:slideOut var(--transition) ease-out forwards}@media (max-width:802px){#toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none}}