:root{
     --primary-hue:190;
     --primary-sat:100%;
     --primary-light:50%;
     --color-primary:hsl(var(--primary-hue) var(--primary-sat) var(--primary-light));
     --hero-height:100vh;
     --header-height:80px;
     --container-padding:clamp(1rem, 5vw, 2rem);
    --color-background:#0a0a0b;
    --color-surface:#0f0f10;
    --color-text:#fff;
    --color-text-secondary:#d1d5db;
    --color-primary:#00d4ff;
    --color-primary-hover:#22d3ee;
    --color-primary-active:#1e3a8a;
    --color-secondary:hsla(0,0%,100%,.05);
    --color-secondary-hover:hsla(0,0%,100%,.1);
    --color-secondary-active:hsla(0,0%,100%,.15);
    --color-border:hsla(0,0%,100%,.1);
    --color-btn-primary-text:#0a0a0b;
    --color-card-border:hsla(0,0%,100%,.1);
    --color-card-border-inner:hsla(0,0%,100%,.1);
    --color-error:#ff5449;
    --color-success:#1e3a8a;
    --color-info:#6b7280;
    --color-focus-ring:rgba(0,212,255,.4);
    --color-select-caret:hsla(0,0%,100%,.8);
    --focus-ring:0 0 0 3px var(--color-focus-ring);
    --focus-outline:2px solid var(--color-primary);
    --select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%230a0a0b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    --select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
    --color-success-rgb:30, 58, 138;
    --color-error-rgb:255, 84, 89;
    --color-info-rgb:107, 114, 128;
    --font-family-base:"Montserrat", sans-serif;
    --font-family-mono:"Berkeley Mono", ui-monospace, sfmono-regular, menlo, monaco, consolas, monospace;
    --font-size-xs:11px;
    --font-size-sm:12px;
    --font-size-base:14px;
    --font-size-md:14px;
    --font-size-lg:16px;
    --font-size-xl:18px;
    --font-size-2xl:20px;
    --font-size-3xl:24px;
    --font-size-4xl:30px;
    --font-weight-light:300;
    --font-weight-normal:400;
    --font-weight-medium:500;
    --font-weight-semibold:600;
    --font-weight-bold:700;
    --line-height-tight:1.2;
    --line-height-normal:1.5;
    --letter-spacing-tight:-0.01em;
    --space-0:0;
    --space-1:1px;
    --space-2:2px;
    --space-4:4px;
    --space-6:6px;
    --space-8:8px;
    --space-10:10px;
    --space-12:12px;
    --space-16:16px;
    --space-20:20px;
    --space-24:24px;
    --space-32:32px;
    --space-40:40px;
    --radius-sm:6px;
    --radius-base:8px;
    --radius-md:10px;
    --radius-lg:12px;
    --radius-full:9999px;
    --shadow-xs:0 1px 2px rgb(0 0 0 / 2%);
    --shadow-sm:0 1px 3px rgb(0 0 0 / 4%), 0 1px 2px rgb(0 0 0 / 2%);
    --shadow-md:0 4px 6px -1px rgb(0 0 0 / 4%), 0 2px 4px -1px rgb(0 0 0 / 2%);
    --shadow-lg:0 10px 15px -3px rgb(0 0 0 / 4%), 0 4px 6px -2px rgb(0 0 0 / 2%);
    --shadow-inset-sm:inset 0 1px 0 hsla(0,0%,100%,.1), inset 0 -1px 0 rgba(0,0,0,.15);
    --duration-fast:150ms;
    --duration-normal:250ms;
    --ease-standard:cubic-bezier(0.16, 1, 0.3, 1);
    --container-sm:640px;
    --container-md:768px;
    --container-lg:1024px;
    --container-xl:1280px;
    --bg-primary:#0a0a0b;
    --bg-secondary:#0f0f10;
    --text-primary:#fff;
    --accent-blue:#00d4ff;
    --accent-dark-blue:#1e3a8a;
    --accent-gray:#6b7280;
    --glass-bg:hsla(0,0%,100%,.05);
    --glass-border:hsla(0,0%,100%,.1);
    --neon-glow:0 0 10px;
}
@font-face{
    font-display:swap;
    font-family:Montserrat;
    font-style:normal;
    font-weight:100 900;
    size-adjust:104%;
    src:url(https://cdn.syntora.ru/29d23d38bf1ff3e03263.woff2) format("woff2-variations");
  }
@media (prefers-reduced-motion:reduce){
  *,:after,:before{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
}
[data-color-scheme=light]{
    --color-background:#fcfcf9;
    --color-surface:#fffffd;
    --color-text:#13343b;
    --color-text-secondary:#6b7280;
    --color-primary:#1e3a8a;
    --color-primary-hover:#1d7480;
    --color-primary-active:#1a6873;
    --color-secondary:rgba(94,82,64,.12);
    --color-secondary-hover:rgba(94,82,64,.2);
    --color-secondary-active:rgba(94,82,64,.25);
    --color-border:rgba(94,82,64,.2);
    --color-btn-primary-text:#fcfcf9;
    --color-card-border:rgba(94,82,64,.12);
    --color-card-border-inner:rgba(94,82,64,.12);
    --color-error:#c0152f;
    --color-success:#1e3a8a;
    --color-info:#6b7280;
    --color-focus-ring:rgba(30,58,138,.4);
    --color-select-caret:rgba(19,52,59,.8);
}
html{
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    scroll-behavior:smooth;
    scrollbar-gutter:stable;
  }
  body.modal-open{
    overflow:hidden;
  }
  
  body{
    background-color:var(--color-background);
    color:var(--color-text);
    font-family:var(--font-family-base);
    font-size:var(--font-size-base);
    font-weight:var(--font-weight-normal);
    line-height:var(--line-height-normal);
    margin:0;
    overflow-x:hidden !important;
    padding:0;
  }

*,:after,:before{
    box-sizing:inherit;
}
h1,h2,h3,h4,h5,h6{
    color:var(--text-primary);
    font-family:var(--font-family-base);
    font-weight:var(--font-weight-light);
    letter-spacing:var(--letter-spacing-tight);
    line-height:var(--line-height-tight);
    margin:0;
}

h1{
    font-size:clamp(2.5rem, 5vw, 4rem);
}

h2{
    font-size:clamp(2rem, 4vw, 3rem);
}

h3{
    font-size:clamp(1.5rem, 3vw, 2rem);
}

h4{
    font-size:var(--font-size-xl);
}

h5{
    font-size:var(--font-size-lg);
}

h6{
    font-size:var(--font-size-md);
}

p{
    font-family:var(--font-family-base);
    font-weight:var(--font-weight-normal);
    line-height:1.6;
    margin:0 0 var(--space-16) 0;
}

.btn,button{
    font-family:var(--font-family-base);
    font-weight:var(--font-weight-normal);
}

.btn:hover,button:hover{
    font-weight:var(--font-weight-medium);
    transition:font-weight .3s ease;
}
.flex{
    display:flex;
}

.flex-col{
    flex-direction:column;
}

.items-center{
    align-items:center;
}

.justify-center{
    justify-content:center;
}

.justify-between{
    justify-content:space-between;
}

.gap-4{
    gap:var(--space-4);
}

.gap-8{
    gap:var(--space-8);
}

.gap-16{
    gap:var(--space-16);
}

.m-0{
    margin:0;
}

.mt-8{
    margin-top:var(--space-8);
}

.mx-8{
    margin-left:var(--space-8);
    margin-right:var(--space-8);
}

.my-8{
    margin-bottom:var(--space-8);
    margin-top:var(--space-8);
}

.p-0{
    padding:0;
}

.py-8{
    padding-bottom:var(--space-8);
    padding-top:var(--space-8);
}

.px-8{
    padding-left:var(--space-8);
    padding-right:var(--space-8);
}

.py-16{
    padding-bottom:var(--space-16);
    padding-top:var(--space-16);
}

.px-16{
    padding-left:var(--space-16);
    padding-right:var(--space-16);
}

.block{
    display:block;
}

.hidden{
    display:none;
}
.sr-only{
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
    clip:rect(0, 0, 0, 0);
    border-width:0;
    white-space:nowrap;
}

:focus-visible{
    outline:var(--focus-outline);
    outline-offset:2px;
}
  
@supports (scrollbar-width:thin){
    html{
        scrollbar-color:var(--accent-blue) hsla(0,0%,100%,.1);
        scrollbar-width:thin;
    }
}

@supports selector(::-webkit-scrollbar){
    ::-webkit-scrollbar{
        width:12px;
    }
    
    ::-webkit-scrollbar-track{
        background:hsla(0,0%,100%,.1);
        border-radius:6px;
    }
    
    ::-webkit-scrollbar-thumb{
        background:linear-gradient(135deg, var(--accent-blue), var(--accent-dark-blue));
        border:2px solid hsla(0,0%,100%,.1);
        border-radius:6px;
    }
}
.gradient-text{
    background:linear-gradient(135deg, var(--accent-blue), var(--accent-dark-blue));
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.glass-card{
    backdrop-filter:blur(20px);
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
    padding:var(--space-24);
    position:relative;
    transition:all .3s ease;    
}

.glass-card:before{
    background:linear-gradient(90deg, transparent, var(--accent-blue), transparent);
    content:"";
    height:1px;
    left:0;
    opacity:.5;
    position:absolute;
    right:0;
    top:0;
}

.glass-card:hover{
    border-color:var(--accent-blue);
    box-shadow:var(--neon-glow) var(--accent-blue);
    transform:translateY(-5px);
}
.btn{
    align-items:center;
    border:none;
    border-radius:var(--radius-base);
    cursor:pointer;
    display:inline-flex;
    font-size:var(--font-size-base);
    font-weight:300;
    gap:var(--space-8);
    justify-content:center;
    letter-spacing:.5px;
    line-height:1.5;
    overflow:hidden;
    padding:var(--space-12) var(--space-24);
    position:relative;
    text-decoration:none;
    transition:all var(--duration-normal) var(--ease-standard);
}

.btn:hover{
    text-decoration:none;
  }

.btn--primary{
    backdrop-filter:blur(10px);
    background:linear-gradient(135deg, var(--accent-blue), var(--accent-dark-blue));
    color:var(--color-btn-primary-text);
    font-weight:400;
}

.btn--primary:hover{
    box-shadow:var(--neon-glow) var(--accent-blue);
    transform:scale(1.05);
}

.btn--large{
    font-size:var(--font-size-lg);
    padding:var(--space-16) var(--space-32);
}

.btn--outline{
    background:transparent;
    border:1px solid var(--accent-blue);
    color:var(--accent-blue);
}

.btn--outline:hover{
    background:var(--accent-blue);
    color:var(--color-btn-primary-text);
}

.btn--full{
    width:100%;
}

.btn--hero{
    font-size:var(--font-size-lg);
    padding:var(--space-16) var(--space-32);
}

.btn--pricing{
    font-size:var(--font-size-base);
    padding:var(--space-12) var(--space-24);
}

.btn:focus-visible{
    box-shadow:var(--focus-ring);
    outline:none;
}

.btn[data-tooltip]{
    position:relative;
}

.btn[data-tooltip]:after{
    background:var(--color-surface);
    border:1px solid var(--color-border);
    border-radius:6px;
    color:var(--color-text);
    content:attr(data-tooltip);
    font-size:var(--font-size-sm);
    left:50%;
    opacity:0;
    padding:8px 16px;
    position:absolute;
    top:-40px;
    transform:translateX(-50%);
    transition:opacity .3s ease,visibility .3s ease;
    visibility:hidden;
    white-space:nowrap;
    z-index:10;
}

.btn[data-tooltip]:hover:after{
    opacity:1;
    visibility:visible;
}
.form-control{
    background-color:var(--color-surface);
    border:1px solid var(--color-border);
    border-radius:var(--radius-base);
    color:var(--color-text);
    display:block;
    font-size:var(--font-size-md);
    line-height:1.5;
    padding:var(--space-12) var(--space-16);
    transition:border-color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);
    width:100%;
}

textarea.form-control{
    font-family:var(--font-family-base);
    font-size:var(--font-size-base);
}

select.form-control{
    appearance:none;
    background-image:var(--select-caret-dark);
    background-position:right var(--space-12) center;
    background-repeat:no-repeat;
    background-size:16px;
    padding:var(--space-8) var(--space-12);
    padding-right:var(--space-32);
}

[data-color-scheme=light] select.form-control{
    background-image:var(--select-caret-light);
}

.form-control:focus{
    border-color:var(--color-primary);
    outline:var(--focus-outline);
}

.form-label{
    display:block;
    font-size:var(--font-size-sm);
    font-weight:var(--font-weight-medium);
    margin-bottom:var(--space-8);
}

.form-group{
    margin-bottom:var(--space-16);
}
.card{
    background-color:var(--color-surface);
    border:1px solid var(--color-card-border);
    border-radius:var(--radius-lg);
    box-shadow:var(--shadow-sm);
    overflow:hidden;
    transition:box-shadow var(--duration-normal) var(--ease-standard);
}

.card:hover{
    box-shadow:var(--shadow-md);
}

.card__body{
    padding:var(--space-16);
}

.card__footer,.card__header{
    border-bottom:1px solid var(--color-card-border-inner);
    padding:var(--space-16);
}
.status{
    align-items:center;
    border-radius:var(--radius-full);
    display:inline-flex;
    font-size:var(--font-size-sm);
    font-weight:var(--font-weight-medium);
    padding:var(--space-6) var(--space-12);
}

.status--success{
    background-color:rgba(var(--color-success-rgb), .15);
    border:1px solid rgba(var(--color-success-rgb), .25);
    color:var(--color-success);
}

.status--error{
    background-color:rgba(var(--color-error-rgb), .15);
    border:1px solid rgba(var(--color-error-rgb), .25);
    color:var(--color-error);
}

.status--info{
    background-color:rgba(var(--color-info-rgb), .15);
    border:1px solid rgba(var(--color-info-rgb), .25);
    color:var(--color-info);
}
.file-upload__dropzone{
    align-items:center;
    border:2px dashed var(--glass-border);
    border-radius:var(--radius-base);
    box-sizing:border-box;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:200px;
    overflow:visible;
    padding:var(--space-40);
    position:relative;
    text-align:center;
    transition:all .3s ease;
    z-index:0;
}

.file-upload__input{
    display:none;
}

.file-upload__label{
    cursor:pointer;
    display:block;
    text-align:center;
    width:100%;
}

.file-upload__label:hover .file-upload__dropzone{
    background:var(--glass-bg);
    border-color:var(--accent-blue);
}

.file-upload__dropzone:hover{
    background:var(--glass-bg);
    border-color:var(--accent-blue);
}

.file-upload__dropzone svg{
    color:var(--accent-blue);
    display:block;
    flex-shrink:0;
    height:48px;
    margin-bottom:var(--space-16);
    margin-left:auto;
    margin-right:auto;
    width:48px;
}

.file-upload__button{
    color:var(--accent-blue);
    cursor:pointer;
    pointer-events:auto;
    text-decoration:underline;
    z-index:2;
}

.file-list{
    margin-top:var(--space-16);
}

.file-item{
    align-items:center;
    background:var(--glass-bg);
    border-radius:var(--radius-base);
    display:flex;
    justify-content:space-between;
    margin-bottom:var(--space-8);
    padding:var(--space-8) var(--space-12);
}

.file-remove{
    background:none;
    border:none;
    color:var(--accent-pink);
    cursor:pointer;
    font-size:var(--font-size-lg);
}

.report-type-options{
    display:none !important;
    gap:16px;
}

.radio-label{
    align-items:center;
    color:var(--color-text);
    cursor:pointer;
    display:flex;
    font-size:16px;
}

.radio-label input[type=radio]{
    accent-color:var(--color-primary);
    margin-right:8px;
    transform:scale(1.2);
}

.radio-label:hover{
    color:var(--color-primary);
}
.checkbox-label{
    align-items:flex-start;
    display:flex;
    font-size:var(--font-size-sm);
    gap:8px;
    line-height:1.4;
    max-width:100%;
    word-wrap:break-word;
    hyphens:auto;
    overflow-wrap:break-word;
    white-space:normal;
}

.modal__form .form-group.checkbox{
    align-items:flex-start;
    display:flex;
    margin-top:var(--space-16);
    width:100%;
}

.modal__form .checkbox-label{
    align-items:flex-start;
    display:flex;
    font-size:var(--font-size-sm);
    gap:8px;
    line-height:1.4;
    max-width:100%;
    word-wrap:break-word;
    flex:1;
    hyphens:auto;
    overflow-wrap:break-word;
    white-space:normal;
}

.modal__form .checkbox-label input{
    flex-shrink:0;
    margin:0;
    margin-top:2px;
    transform:scale(1.1);
}

.modal__form .checkbox-label a{
    color:#40e0d0;
    font-weight:500;
    text-decoration:underline;
    word-wrap:break-word;
    overflow-wrap:break-word;
}
.header__content{
    align-items:center;
    display:flex;
    justify-content:space-between;
}

.nav{
    display:flex;
    gap:var(--space-32);
}
@media (width <= 768px){
    .modal__content{
        border-radius:var(--radius-lg);
        margin:0 auto;
        max-height:90vh;
        max-width:95vw;
        overflow-y:auto;
        padding:var(--space-20);
        width:95vw;
    }
    
    .modal__form .checkbox-label{
        font-size:13px;
        gap:6px;
        line-height:1.3;
    }
    
    .modal__form .form-group.checkbox{
        margin-top:var(--space-12);
        width:100%;
    }
    
    .modal__form .checkbox-label input[type=checkbox]{
        margin-top:1px;
        transform:scale(.9);
    }
    
    .modal__title{
        font-size:var(--font-size-lg);
        margin-bottom:var(--space-16);
    }
    
    .form-control{
        font-size:16px;
    }    

    .header__content{
        align-items:center;
        display:flex;
        justify-content:space-between;
        max-width:100%;
        overflow:hidden;
        width:100%;
    }
    
    .nav{
        display:none;
        width:100%;
    }
}

@media (width <= 480px){
    .modal__content{
        max-width:90vw;
        padding:var(--space-16);
        width:90vw;
    }
    
    .modal__form .checkbox-label{
        font-size:12px;
        gap:4px;
        line-height:1.2;
    }
    
    .modal__form .checkbox-label input[type=checkbox]{
        transform:scale(.8);
    }
}

.cookie-banner{
    backdrop-filter:blur(10px);
    background:var(--color-surface);
    border:1px solid var(--glass-border);
    border-radius:var(--radius-lg);
    bottom:20px;
    box-shadow:var(--neon-glow) var(--accent-blue);
    display:flex;
    flex-direction:column;
    gap:var(--space-16);
    left:20px;
    margin:0 auto;
    max-width:500px;
    padding:var(--space-16) var(--space-24);
    position:fixed;
    right:20px;
    z-index:1000;
}

.cookie-banner p{
    color:var(--color-text-secondary);
    font-size:var(--font-size-sm);
    margin:0;
    text-shadow:0 0 2px rgba(0,212,255,.3);
}

.cookie-banner div{
    align-items:center;
    display:flex;
    gap:var(--space-12);
}

.cookie-banner label{
    align-items:center;
    color:var(--color-text-secondary);
    display:flex;
    font-size:var(--font-size-sm);
    gap:var(--space-8);
}

.cookie-banner input[type=checkbox]{
    accent-color:var(--accent-blue);
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    margin-right:var(--space-8);
    transform:scale(1.2);
}

.cookie-banner button{
    border:none;
    border-radius:var(--radius-base);
    cursor:pointer;
    font-size:var(--font-size-base);
    padding:var(--space-12) var(--space-20);
    text-shadow:0 0 2px rgba(0,212,255,.3);
    transition:all var(--duration-normal) var(--ease-standard);
}

.cookie-banner #cookie-accept{
    background:linear-gradient(135deg, var(--accent-blue), var(--accent-dark-blue));
    box-shadow:var(--neon-glow) var(--accent-blue);
    color:var(--color-btn-primary-text);
}

.cookie-banner #cookie-accept:hover{
    box-shadow:var(--neon-glow) var(--color-primary);
    transform:scale(1.05);
}

.cookie-banner #cookie-decline{
    background:var(--glass-bg);
    border:1px solid var(--glass-border);
    color:var(--color-text-secondary);
}

.cookie-banner #cookie-decline:hover{
    background:var(--color-secondary-hover);
    color:var(--color-text);
}

@media (width <= 768px){
    .cookie-banner{
        bottom:var(--space-12);
        left:var(--space-12);
        max-width:90%;
        padding:var(--space-12) var(--space-16);
        right:var(--space-12);
    }

    .cookie-banner div{
        align-items:stretch;
        flex-direction:column;
    }

    .cookie-banner button{
        margin-top:var(--space-12);
        width:100%;
    }
}
.size-indicator{
    backdrop-filter:blur(20px);
    background:linear-gradient(135deg, hsla(0,0%,5%,.95), rgba(26,26,26,.95));
    border:1px solid rgba(64,224,208,.3);
    border-radius:12px;
    box-shadow: 0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.1);
    color:hsla(0,0%,100%,.9);
    font-size:14px;
    font-weight:500;
    margin:20px 0;
    overflow:hidden;
    padding:16px 20px;
    position:relative;
}

.size-indicator:before{
    animation:shimmer 3s infinite;
    background:linear-gradient(90deg, transparent, rgba(64,224,208,.1), transparent);
    content:"";
    height:100%;
    left:-100%;
    position:absolute;
    top:0;
    width:100%;
}

.size-bar{
    background:hsla(0,0%,100%,.1);
    border-radius:4px;
    box-shadow:inset 0 2px 4px rgba(0,0,0,.2);
    height:8px;
    margin-bottom:12px;
    overflow:hidden;
    position:relative;
}

.size-progress{
    background:linear-gradient(90deg, #40e0d0, #00bcd4, #0097a7);
    border-radius:4px;
    box-shadow: 0 0 20px rgba(64,224,208,.4),inset 0 1px 0 hsla(0,0%,100%,.2);
    height:100%;
    position:relative;
    transition:all .4s cubic-bezier(.4, 0, .2, 1);
}

.size-progress:after{
    animation:progress-shine 2s infinite;
    background:linear-gradient(90deg, transparent, hsla(0,0%,100%,.4), transparent);
    content:"";
    height:100%;
    left:-100%;
    position:absolute;
    top:0;
    width:100%;
}

.size-bar.over-limit{
    border:1px solid hsla(0,100%,71%,.5);
    box-shadow: 0 0 20px hsla(0,100%,71%,.3),inset 0 2px 4px rgba(0,0,0,.2);
}

.size-bar.over-limit .size-progress{
    animation:pulse-error 1.5s infinite;
    background:linear-gradient(90deg, #ff6b6b, #ee5a52, #e53e3e);
    box-shadow: 0 0 25px hsla(0,100%,71%,.6),inset 0 1px 0 hsla(0,0%,100%,.2);
}

.size-text{
    align-items:center;
    display:flex;
    font-family:Montserrat,sans-serif;
    font-weight:600;
    justify-content:space-between;
    position:relative;
    text-shadow:0 0 10px rgba(64,224,208,.3);
    z-index:2;
}

.size-text.over-limit{
    animation:text-glow-error 2s infinite;
    color:#ff6b6b;
    text-shadow:0 0 15px hsla(0,100%,71%,.5);
}

.size-text .size-current{
    color:#40e0d0;
    font-weight:700;
}

.size-text.over-limit .size-current{
    color:#ff6b6b;
}

@keyframes shimmer{
    0%{ 
        left:-100%; 
    }

    to{ 
        left:100%; 
    }
}

@keyframes progress-shine{
    0%{ 
        left:-100%; 
    }

    to{ 
        left:100%; 
    }
}

@keyframes pulse-error{
    0%,to{ 
        opacity:1;
        transform:scale(1);
    }

    50%{ 
        opacity:.8;
        transform:scale(1.02);
    }
}

@keyframes text-glow-error{
    0%,to{ 
        text-shadow:0 0 15px hsla(0,100%,71%,.5);
    }

    50%{ 
        text-shadow:0 0 25px hsla(0,100%,71%,.8);
    }
}
@media (width <= 768px){
    .size-indicator{
        font-size:13px;
        margin:15px 0;
        padding:12px 16px;
    }
    
    .size-bar{
        height:6px;
        margin-bottom:10px;
    }
    
    .size-text{
        flex-direction:column;
        gap:4px;
        text-align:center;
    }
}

a{
    color:#40e0d0;
    text-decoration:underline;
    transition:all .3s ease;
}

a:hover{
    color:#5ff5e5;
    text-decoration:underline;
    text-shadow:0 0 8px rgba(0,212,255,.6);
}

.modal__form .checkbox-label a:hover{
    color:#00bcd4;
    text-shadow:0 0 10px rgba(64,224,208,.8);
}

.container{
    margin-left:auto;
    margin-right:auto;
    max-width:var(--container-xl);
    padding-left:var(--space-16);
    padding-right:var(--space-16);
    width:100%;    
}

.neon-icon{
    color:#00d4ff;
    display:block;
    height:64px;
    margin:0 auto;    
    transition:transform .3s,filter .3s;
    width:64px;
}

.advantage-card:hover .neon-icon,.advantage-card__icon:hover .neon-icon{
    filter:none;
    transform:none;
}
#cookie-banner{
    opacity:0;
    pointer-events:none;
    transform:translateY(100%);
    transition:opacity .5s ease,transform .5s ease;
  }
  
  #cookie-banner.visible{
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
  }
.header__btn-callback .btn-icon{
    display:none;
}
@media (max-width:768px){
    .header__btn-callback .btn-text{
        display:none;
    }
    .header__btn-callback .btn-icon{
        display:block;
        height:20px;
        width:20px;
    }
    .header__btn-callback{
        border-radius:var(--radius-full);  
        height:44px;
        padding:0;
        width:44px;
    }
}

.sidebar__btn-callback{
    justify-content:center;
    margin-top:var(--space-24);
    width:100%;
}
.logo-link img{
    display:block;
    height:30px;
    width:auto;
  }