:root{--brand-glow:#0A84FF;--brand-glow-hover:#3399FF;--brand-accent:#FF8C00;--brand-accent-hover:#FF7043;--highlight-color:#4fc3f7;--highlight-shadow:rgba(79, 195, 247, 0.5);--background-primary:#0D0D0D;--background-primary-dark:#0D0D0D;--background-block:rgba(24,24,28,.85);--background-glass:rgba(20,20,30,.5);--border-color-light:rgba(255,255,255,.1);--border-color-medium:rgba(255,255,255,.2);--text-primary:#F5F5F7;--text-secondary:#A0A3B1;--shadow-color:rgba(0,0,0,.5);--glow-color:rgba(10,132,255,.5);--font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--border-radius-md:12px;--border-radius-lg:18px;--shadow-md:0 8px 32px var(--shadow-color);--transition-fast:.2s ease-out;--transition-medium:.4s cubic-bezier(.25,.8,.25,1);--pricing-bg:#1A1C22;--pricing-border:#333;--pricing-text-light:#9e9e9e;--pricing-hr:#444;--features-border:#333;--ultra-bg-color:#0d1117;--ultra-glass-bg:rgba(255,255,255,.03);--ultra-glass-border:rgba(255,255,255,.1);--aura-color:rgba(10,132,255,.3);--hero-smoky-blue:radial-gradient(circle at 50% 50%,rgba(10,132,255,.2) 0%,transparent 60%)}
        body.light-theme{--brand-glow:#007BFF;--brand-glow-hover:#0062CC;--brand-accent:#FF8C00;--brand-accent-hover:#FF7043;--highlight-color:#03a9f4;--highlight-shadow:rgba(3, 169, 244, 0.4);--background-primary:#F0F2F5;--background-primary-dark:#F0F2F5;--background-block:rgba(255,255,255,.9);--background-glass:rgba(255,255,255,.6);--border-color-light:rgba(0,0,0,.1);--border-color-medium:rgba(0,0,0,.15);--text-primary:#1A1A1A;--text-secondary:#55575B;--shadow-color:rgba(0,0,0,.1);--glow-color:rgba(0,123,255,.2);--pricing-bg:#FFFFFF;--pricing-border:#E0E0E0;--pricing-text-light:#757575;--pricing-hr:#EEEEEE;--features-border:#EEEEEE;--ultra-bg-color:#f7f9fc;--ultra-glass-bg:rgba(255,255,255,.03);--ultra-glass-border:rgba(0,0,0,.1);--aura-color:rgba(0,123,255,.2);--hero-smoky-blue:radial-gradient(circle at 50% 50%,rgba(0,123,255,.1) 0%,transparent 60%)}
        *{box-sizing:border-box;margin:0;padding:0}
        html{scroll-behavior:smooth}
        body{font-family:var(--font-family);background-color:var(--background-primary);color:var(--text-primary);line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;transition:background-color 1.0s ease,background-image 1.5s ease}
        body:not(.performance-mode-on){background-color:var(--background-primary);background-image:none}
        body.performance-mode-on{
            background-color:var(--background-primary-dark);
            background-size:100% 100%;
            background-position:center center;
            animation:none;
            transition:background-image 1.5s ease;
            background-image:radial-gradient(circle at 50% 50%,rgba(10,132,255,.1) 0%,transparent 80%)
        }
        body.light-theme.performance-mode-on{
            background-image:radial-gradient(circle at 50% 50%,rgba(0,123,255,.05) 0%,transparent 80%);
        }
        body.performance-mode-on.gradient-shift-2{--aura-color:rgba(67,223,248,.3)}
        body.performance-mode-on.gradient-shift-3{--aura-color:rgba(174,182,255,.3)}
        
        .highlight {
            color: var(--highlight-color);
            font-weight: 600;
            text-shadow: 0 0 8px var(--highlight-shadow);
            transition: all var(--transition-fast);
        }
        .highlight:hover {
            color: var(--highlight-color);
            text-shadow: 0 0 16px var(--highlight-shadow);
            cursor: default;
        }

        .header{position:sticky;top:0;width:100%;background-color:var(--background-block);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color-light);z-index:1000;transition:background-color var(--transition-medium),border-color var(--transition-medium)}
        .header-container{max-width:1280px;margin:0 auto;padding:0 24px;height:70px;display:flex;align-items:center}
        .logo{font-size:24px;font-weight:800;color:var(--brand-glow);text-decoration:none;text-shadow:0 0 10px var(--glow-color);transition:text-shadow var(--transition-fast)}
        .logo:hover{text-shadow:0 0 15px var(--brand-glow)}
        .menu_links{display:flex;align-items:center;margin-left:auto}
        .menu_links .link{font-size:16px;font-weight:600;color:var(--text-secondary);text-decoration:none;margin-left:32px;transition:color var(--transition-fast),letter-spacing var(--transition-fast);padding:4px 0;position:relative}
        .menu_links .link:hover{color:var(--text-primary);letter-spacing:.5px}
        .menu_links .link::after{content:'';position:absolute;width:0;height:2px;bottom:0;left:50%;transform:translateX(-50%);background-color:var(--brand-glow);transition:width var(--transition-fast)}
        .menu_links .link:hover::after{width:100%}
        
        .hero-section{
            display:flex;
            flex-direction:column;
            align-items:center;
            justify-content:center;
            text-align:center;
            min-height:calc(100vh - 70px);
            padding:40px 24px;
            position:relative;
            overflow:hidden;
            background-image:linear-gradient(to bottom,var(--hero-smoky-blue) 0%,var(--background-primary-dark) 100%);
            perspective: 1000px;
        }
        body.light-theme .hero-section{background-image:linear-gradient(to bottom,var(--hero-smoky-blue) 0%,var(--background-primary) 100%)}
        body.performance-mode-on .hero-section{background-image:linear-gradient(to bottom,var(--hero-smoky-blue) 0%,var(--background-primary-dark) 100%)}

        .hero-content {
            will-change: transform;
            z-index: 5;
            position: relative;
        }

        .hero-blobs {
            position: absolute; top: 0; left: 0; width: 100%; height: 100%;
            z-index: 1; pointer-events: none; overflow: hidden;
        }
        .hero-blobs .blob {
            position: absolute; background: var(--brand-glow); border-radius: 50%;
            opacity: 0.1; filter: blur(100px);
            animation: float 20s infinite alternate;
        }
        .hero-blobs .blob:nth-child(1) { width: 450px; height: 450px; top: 10%; left: 10%; animation-duration: 25s; animation-delay: -5s; }
        .hero-blobs .blob:nth-child(2) { width: 350px; height: 350px; top: 50%; right: 10%; animation-duration: 20s; animation-delay: -10s; }
        body.light-theme .hero-blobs .blob { opacity: 0.15; }
        
        @keyframes float {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(40px, 70px) scale(1.15); }
        }

        @keyframes text-wave{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
        .hero-title{
            font-size:64px; font-weight:800; line-height:1.1; margin-bottom:24px; max-width:800px;
            background:linear-gradient(90deg,#F5F5F7 0%,#AEC8FF 30%,var(--brand-glow) 60%,#F5F5F7 100%);
            background-size:300% 100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
            background-clip:text; color:transparent; text-shadow:0 0 10px rgba(174,200,255,.5);
            animation:text-wave 6s ease-in-out infinite
        }
        .hero-subtitle{font-size:20px;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;transition:opacity .5s ease-in-out}
        .fade-out{opacity:0}
        input[type="file"]{display:none}
        .upload-form{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:320px;margin:0 auto}
        .btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:18px 36px;font-family:var(--font-family);font-size:18px;font-weight:700;border-radius:var(--border-radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all var(--transition-medium);position:relative;overflow:hidden;isolation:isolate}
        .btn:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 10px 25px var(--shadow-color)}
        .btn:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 10px var(--shadow-color)}
        .btn-secondary{transition: all var(--transition-medium);background-color: #FF7F50; color: #FFFFFF;border: 1px solid transparent; padding:18px 30px}
        .btn-secondary:hover{background-color: #FF6347;border-color: #FF6347; padding-left:36px;padding-right:36px}
        .btn-secondary::after{content:'+';font-size:24px;line-height:1;transition:all .4s cubic-bezier(.25,.8,.25,1);transform:scale(0);width:0;opacity:0}
        .btn-secondary:hover::after{transform:scale(1) rotate(180deg);width:1em;opacity:1}
        .btn-primary{background-color:var(--brand-glow);color:#FFFFFF;box-shadow:0 4px 20px rgba(10,132,255,.4)}
        .btn-primary::after{content:'';position:absolute;top:0;left:-200%;width:200%;height:100%;transform:skewX(-30deg);background-image:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.3),rgba(255,255,255,0))}
        .btn-primary:hover::after{animation:shimmer 1s ease-in-out}
        @keyframes shimmer{100%{left:200%}}
        .btn-primary:hover{background-color:var(--brand-glow-hover);box-shadow:0 10px 30px var(--glow-color)}
        .btn-primary:active{box-shadow:0 0 20px var(--glow-color),inset 0 0 40px rgba(0,0,0,.5)}
        
        .main-content{padding-bottom:80px}
        .section-container{max-width:1280px;margin:100px auto;padding:0 24px;display:flex;flex-direction:column;gap:40px}
        
        .main-content > .section-container:first-child {
            margin-top: -80px;
        }

        .section{position:relative;overflow:hidden;z-index:2;background:var(--background-block);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:48px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color-light);transition:background-color var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium);box-shadow:var(--shadow-md)}
        
        @keyframes aura-pulse{0%{transform:scale(1.0);opacity:.15}100%{transform:scale(1.1);opacity:.3}}
        body.performance-mode-on .section::before{
            content:''; position:absolute; inset:-50px;
            background:radial-gradient(circle at center,var(--aura-color) 0%,transparent 60%);
            opacity:.2; background-size:300% 300%; background-position:50% 50%;
            z-index:-1; transition:opacity 1.0s ease,background 1.0s ease;
            animation:aura-pulse 10s infinite alternate
        }
        body.performance-mode-on .section{background:var(--ultra-glass-bg);backdrop-filter:blur(25px) saturate(1.8);-webkit-backdrop-filter:blur(25px) saturate(1.8);border:1px solid var(--ultra-glass-border);background-image:linear-gradient(135deg,rgba(10,132,255,.02) 0%,transparent 50%,rgba(10,132,255,.01) 100%)}
        body.performance-mode-on .section:hover{box-shadow:0 15px 40px rgba(10,132,255,.2)}
        body.light-theme.performance-mode-on .section{
            background:var(--ultra-glass-bg); border:1px solid rgba(0,0,0,.15);
            background-image:linear-gradient(135deg,rgba(0,123,255,.03) 0%,transparent 50%,rgba(0,123,255,.02) 100%);
        }
        body.light-theme.performance-mode-on .section:hover{
            box-shadow:0 10px 30px rgba(0,123,255,.1);
        }
        .section-title{font-size:36px;font-weight:700;margin-bottom:24px;background-image:linear-gradient(135deg,var(--text-primary),#AEC8FF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent; text-align: center;}
        body.light-theme .section-title{background-image:none;-webkit-text-fill-color:initial;color:var(--text-primary)}
        .section-text{font-size:18px;color:var(--text-secondary);max-width:700px;margin:0 auto 15px auto;transition:color var(--transition-medium)}
        .section-text b{color:var(--text-primary);font-weight:600}
        .section-container-split{display:grid;grid-template-columns:1fr 1fr;gap:24px}
        
        #info-section {
            text-align: left;
        }
        #info-section-layout {
            display: grid;
            grid-template-columns: 2fr 1fr;
            gap: 40px;
            align-items: center;
            margin-bottom: 40px;
        }
        #info-section-text {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }
        #info-section-text .section-text {
            margin: 0;
            max-width: 100%;
        }
        #info-section-visual {
            font-size: 150px;
            color: var(--brand-glow);
            opacity: 0.15;
            text-align: center;
            animation: pulse-visual 5s infinite alternate;
        }
        @keyframes pulse-visual {
            from { opacity: 0.1; transform: scale(0.95); }
            to { opacity: 0.2; transform: scale(1.0); }
        }
        .sub-section-title {
            font-size: 28px; font-weight: 700; margin-top: 60px; margin-bottom: 24px; text-align: center;
            background-image: linear-gradient(135deg,var(--text-primary),#AEC8FF);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
            background-clip: text; color: transparent;
        }
        body.light-theme .sub-section-title {
            background-image: none; -webkit-text-fill-color: initial;
            color: var(--text-primary);
        }
        .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:32px}
        .stat-card{background-color:var(--background-primary);padding:25px;border-radius:var(--border-radius-md);text-align:center;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,background-color .4s;position:relative;overflow:hidden}
        body.performance-mode-on .stat-card{background:var(--ultra-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--ultra-glass-border)}
        body.performance-mode-on .stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(10,132,255,.3);background-color:var(--ultra-glass-bg)}
        .stat-number,.stat-label{transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}
        .stat-number{font-size:36px;font-weight:700;color:var(--brand-glow)}
        .stat-label{font-size:14px;color:var(--text-secondary)}
        .info-contacts {
            display: flex; flex-direction: row; flex-wrap: wrap;
            justify-content: center; gap: 20px 30px; margin-top: 50px;
            padding-top: 30px; border-top: 1px solid var(--border-color-light);
        }
        .info-contacts .contact-item {
            font-size: 16px; font-weight: 600; gap: 10px;
            color: var(--text-secondary); text-decoration: none;
            display: flex; align-items: center;
            transition: color var(--transition-fast),transform var(--transition-fast);
        }
        .info-contacts .contact-item i {
            font-size: 18px; color: var(--brand-glow);
        }
        .info-contacts .contact-item:hover {
            color: var(--brand-glow);
            transform: translateY(-3px);
        }
        
        .pricing-container{display:flex; flex-wrap:wrap; justify-content:center; gap:25px; padding:20px; align-items: stretch;}
        .pricing-card{
            background-color:var(--pricing-bg); border-radius:12px;
            box-shadow:0 4px 15px var(--shadow-color); padding:30px;
            width: 280px; text-align:center; position:relative;
            border: 2px solid var(--pricing-border);
            transition:all .4s cubic-bezier(.175,.885,.32,1.275);
            overflow:hidden;
            display: flex; flex-direction: column;
        }
        body.performance-mode-on .pricing-card{background:var(--ultra-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:2px solid var(--ultra-glass-border)}
        
        .pricing-card:hover{
            transform:translateY(-12px) scale(1.03);
            box-shadow:0 20px 40px var(--shadow-color), 0 0 30px var(--glow-color);
            border-color:var(--brand-glow);
        }
        .pricing-card.recommended{
            border-color:var(--brand-glow);
            box-shadow:0 10px 30px var(--glow-color);
            transform: scale(1.03);
        }
        .pricing-card.recommended:hover {
            transform:translateY(-12px) scale(1.08);
            box-shadow:0 25px 50px var(--shadow-color), 0 0 40px var(--brand-glow);
        }
        
        .pricing-card .tag {
            position: absolute;
            top: 0;
            right: 0;
            background: linear-gradient(135deg, var(--brand-accent), #ff5252);
            color: white;
            padding: 8px 20px;
            font-size: 14px;
            font-weight: 700;
            border-radius: 0 var(--border-radius-lg) 0 var(--border-radius-md);
            box-shadow: 0 4px 15px rgba(255, 100, 100, 0.5);
            z-index: 2;
            transform: none;
        }
        
        .pricing-card h3{font-size:1.8em;margin-bottom:10px;color:var(--text-primary)}
        .price-old{color:var(--pricing-text-light);text-decoration:line-through;font-size:.9em;margin-bottom:5px}
        .price-new{font-size:2.5em;font-weight:bold;color:var(--text-primary);margin-bottom:5px;background:linear-gradient(45deg,var(--brand-glow),#43DFF8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
        .price-info{color:var(--pricing-text-light);font-size:.9em;margin-bottom:20px}
        hr{border:0;height:1px;background:var(--pricing-hr);margin:20px 0}
        .features-list{
            list-style-type:none; padding:0; text-align:left; margin:0 0 20px;
            flex-grow: 1;
        }
        .features-list li{display:flex;align-items:center;padding:8px 0;border-bottom:1px dashed var(--features-border);color:var(--text-secondary);transition:color .3s}
        .features-list li:last-child{border-bottom:none}
        .features-list li i.fa-check { color: #4CAF50; margin-right: 10px; }
        .features-list li i.fa-times { color: #f44336; margin-right: 10px; }

        .btn-order{display:block;width:100%;padding:12px 0;background-color:var(--brand-accent);color:#FFFFFF;text-decoration:none;border-radius:8px;font-weight:bold;text-transform:uppercase;transition:background-color .3s,transform .2s,box-shadow .3s; margin-top: auto;}
        .btn-order:hover{background-color:var(--brand-accent-hover);transform:translateY(-3px);box-shadow:0 8px 20px rgba(255,140,0,.5)}
        
        #faq-section .section-text {
            text-align: center;
            margin-bottom: 40px;
        }
        .faq-accordion {
            width: 100%;
            max-width: 800px;
            margin: 0 auto;
        }
        .faq-item {
            border-bottom: 1px solid var(--border-color-light);
        }
        .faq-item:last-child {
            border-bottom: none;
        }
        .faq-question {
            background: transparent; border: none; outline: none;
            width: 100%; padding: 24px 0; display: flex;
            justify-content: space-between; align-items: center;
            cursor: pointer; font-family: var(--font-family);
            font-size: 18px; font-weight: 600;
            color: var(--text-primary); text-align: left;
            transition: color var(--transition-fast);
        }
        .faq-question:hover {
            color: var(--brand-glow);
        }
        .faq-question i {
            font-size: 16px; color: var(--text-secondary);
            transition: transform var(--transition-medium), color var(--transition-fast);
            flex-shrink: 0; margin-left: 15px;
        }
        .faq-answer {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out;
        }
        .faq-answer-content {
            font-size: 16px; color: var(--text-secondary);
            padding: 0 0 24px 0; line-height: 1.7;
        }
        .faq-answer-content p, .faq-answer-content ul {
            margin-bottom: 15px;
        }
        .faq-answer-content p:last-child, .faq-answer-content ul:last-child {
            margin-bottom: 0;
        }
        .faq-answer-content ul {
            padding-left: 25px;
        }
        .faq-answer-content li {
            margin-bottom: 8px;
        }
        .faq-answer-content strong {
            color: var(--text-primary);
            font-weight: 600;
        }
        .faq-answer-content em {
            color: var(--text-secondary);
            font-style: italic;
        }

        .faq-item.active .faq-answer {
        }
        .faq-item.active .faq-question i {
            transform: rotate(180deg);
            color: var(--brand-glow);
        }
        .faq-item.active .faq-question {
            color: var(--brand-glow);
        }

        .footer{background-color:transparent;padding:40px 24px;border-top:1px solid var(--border-color-light);margin-top:100px}
        .footer-container{max-width:1280px;margin:0 auto;text-align:center}
        .footer-legal{font-size:14px;color:var(--text-secondary)}
        .footer-legal a{color:var(--brand-glow);text-decoration:none;font-weight:600}
        .footer-legal a:hover{text-decoration:underline}
        
        .theme-switcher, .performance-switcher {
            position:fixed; bottom:24px; left:24px; width:50px; height:50px;
            background-color:var(--background-glass); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
            border:1px solid var(--border-color-light); border-radius:50%; display:flex;
            align-items:center; justify-content:center; cursor:pointer;
            font-size:22px; color:var(--text-secondary); z-index:1001;
            box-shadow:var(--shadow-md); transition:all var(--transition-fast);
        }
        .theme-switcher:hover{color:var(--brand-glow);border-color:var(--brand-glow);transform:scale(1.1) rotate(25deg)}
        .performance-switcher{bottom:84px;}
        .performance-switcher.active{color:#28a745;border-color:#28a745;box-shadow:0 0 15px rgba(40,167,69,.8)}
        .performance-switcher:hover{color:var(--brand-glow);border-color:var(--brand-glow);transform:scale(1.1) rotate(-25deg)}
        
        @media (max-width:992px){
            .section-container-split{grid-template-columns:1fr}
            #info-section-layout { grid-template-columns: 1fr; }
            #info-section-visual { display: none; }
        }
        
        @media (max-width:768px){ 
            .main-content > .section-container:first-child {
                margin-top: 40px;
            }

            .section{padding:32px 24px}
            .section-title{font-size:28px}
            .pricing-container{flex-direction:column;align-items:center}
            .pricing-card{width:100%;max-width:340px}
            
            .pricing-card.recommended {
                transform: scale(1.0);
                box-shadow: var(--shadow-md);
            }
            .pricing-card:hover, .pricing-card.recommended:hover {
                 transform: translateY(-5px) scale(1.02);
                 box-shadow: 0 10px 20px var(--shadow-color);
            }

            .stat-card:hover{transform:translateY(-5px) scale(1.02)}
            .section:hover{transform:translateY(-5px) scale(1.01)}
            
            .hero-blobs { display: none; }
            
            .theme-switcher, .performance-switcher {
                width: 44px; height: 44px; font-size: 20px;
            }
            .performance-switcher { bottom: 78px; }
            
            .faq-question { font-size: 16px; padding: 20px 0; }
            .faq-answer-content { font-size: 15px; }
        }

        @media (max-width:992px){.hero-title{font-size:52px}.hero-subtitle{font-size:18px}.section-container-split{grid-template-columns:1fr}}
        @media (max-width:768px){.header-container{height:60px}.menu_links{gap:10px}.menu_links .link{margin-left:0;font-size:14px}.hero-section{min-height:calc(100vh - 60px)}.hero-title{font-size:38px}.hero-subtitle{font-size:16px}.section{padding:32px 24px}.section-title{font-size:28px}.pricing-container{flex-direction:column;align-items:center}.pricing-card{width:100%;max-width:340px}.stat-card:hover{transform:translateY(-5px) scale(1.02)}.section:hover{transform:translateY(-5px) scale(1.01)}.pricing-card:hover{transform:translateY(-5px) scale(1.02)}}

        .animated-number,.animated-tx{color:var(--brand-glow);font-weight:bold}
        .beta{color:var(--brand-glow);font-weight:bold}
        input[type="number"]{flex-grow:1;padding:14px 16px;border:1px solid var(--border-color-light);border-radius:var(--border-radius-md);font-size:16px;font-family:var(--font-family);background-color:rgba(0,0,0,.2);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}
        input[type="number"]:focus{outline:none;border-color:var(--brand-glow);box-shadow:0 0 0 3px var(--glow-color),0 0 15px var(--glow-color) inset}
        body.light-theme input[type="number"]{background-color:rgba(255,255,255,.8)}
        .photo-display{position:relative;width:100%;max-width:700px;margin:40px auto;display:none;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-color-light)}
        .photo-display img{width:100%;height:auto;display:block;object-fit:contain}
        #auth-popup{position:fixed;bottom:20px;right:20px;background:var(--background-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-primary);border:1px solid var(--border-color-light);border-left:4px solid var(--brand-glow);padding:20px;border-radius:12px;box-shadow:var(--shadow-md);max-width:320px;z-index:1500;font-family:var(--font-family);animation:popUp .5s ease-out}
        @keyframes popUp{from{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}
        .auth-popup-close{position:absolute;top:10px;right:10px;width:28px;height:28px;background:rgba(255,255,255,.1);color:var(--text-secondary);border:none;border-radius:50%;cursor:pointer;font-size:16px;font-weight:bold;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,transform .2s ease,color .2s ease}
        .auth-popup-close:hover{background-color:rgba(255,255,255,.2);color:var(--text-primary);transform:rotate(90deg)}
        .auth-popup-btn{display:inline-block;margin-top:15px;padding:10px 20px;background:var(--brand-glow);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;box-shadow:0 2px 10px rgba(10,132,255,.3)}
        .auth-popup-btn:hover{background:var(--brand-glow-hover);transform:translateY(-2px);box-shadow:0 4px 15px rgba(10,132,255,.5)}
        a[href="https://pixsafe.online/acc"]{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background-color:var(--background-glass);backdrop-filter:blur(5px);border-radius:50%;border:1px solid var(--border-color-light);box-shadow:0 2px 10px rgba(0,0,0,.3);display:flex;justify-content:center;align-items:center;cursor:pointer;text-decoration:none;z-index:1000;transition:all .3s ease-in-out}
        a[href="https://pixsafe.online/acc"]:hover{transform:scale(1.1);border-color:var(--border-color-medium)}
        a[href="https://pixsafe.online/acc"] img{width:35px;height:35px}
        .photo-display .overlay-text{position:absolute;top:20px;right:20px;color:white;font-size:18px;font-weight:600;background:rgba(0,0,0,.5);padding:8px 16px;border-radius:var(--border-radius-md)}
        .message{font-size:16px;font-weight:600;color:var(--text-secondary);text-align:center;margin-top:16px}
        .message b{color:var(--text-primary)}
        .photo-display .nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:white;border:none;padding:12px;cursor:pointer;font-size:24px;border-radius:50%;transition:background-color var(--transition-fast)}
        .photo-display .nav-btn:hover{background:rgba(0,0,0,.7)}
        .photo-display .nav-btn.prev{left:20px}
        .photo-display .nav-btn.next{right:20px}
        .modal-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:1;transition:opacity .3s ease-in-out}
        .modal-dialog.hidden{opacity:0;pointer-events:none}
        .modal-content{background:var(--background-block);border:1px solid var(--border-color-medium);padding:30px;border-radius:var(--border-radius-lg);max-width:400px;text-align:center;position:relative;transform:scale(1);transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}
        .modal-dialog.hidden .modal-content{transform:scale(.8)}
        .modal-content h3{color:var(--brand-glow);margin-bottom:15px}
        .modal-content p{color:var(--text-secondary);margin-bottom:25px}
        .modal-close{position:absolute;top:10px;right:10px;font-size:24px;color:var(--text-secondary);cursor:pointer;transition:color .2s}
        .modal-close:hover{color:var(--text-primary)}
        .modal-btn-close{display:block;width:100%}

        body.drag-over {
            box-shadow: inset 0px 0px 0px 5px #007bff; 
        }

        body.drag-over::after {
            content: "Отпустите файлы для загрузки"; 
            position: fixed; top: 0; left: 0; right: 0; bottom: 0;
            z-index: 9999; display: flex; align-items: center; justify-content: center;
            font-size: 32px; font-weight: bold; color: #007bff;
            pointer-events: none; border: 5px dashed #007bff;
        }

        .modal {
            display: none; position: fixed; z-index: 1000;
            left: 0; top: 0; width: 100%; height: 100%;
            justify-content: center; align-items: center;
            background-color: rgba(0, 0, 0, 0.85); 
            backdrop-filter: blur(8px);
            opacity: 0; transition: opacity 0.3s ease-out;
        }

        .modal.is-visible {
            opacity: 1;
        }

        .modal-content {
            background: #1e1e2f; 
            padding: 30px; border-radius: 12px;
            width: 90%; max-width: 450px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.9); 
            color: #f0f0f0; border: 1px solid #334455;
            transform: scale(0.9);
            transition: transform 0.3s ease-out;
        }

        .modal.is-visible .modal-content {
            transform: scale(1);
        }

        .close-btn {
            color: #aaa; float: right; font-size: 28px;
            font-weight: bold; transition: color 0.3s;
        }

        .close-btn:hover,
        .close-btn:focus {
            color: #4a90e2; text-decoration: none; cursor: pointer;
        }

        .modal-title {
            color: #f0f0f0; text-align: center; margin-bottom: 20px;
            font-size: 1.8em; 
            background: linear-gradient(90deg, #4a90e2, #7b68ee);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }

        .modal-text {
            text-align: center; margin-bottom: 25px; line-height: 1.6; 
        }

        .rules-link {
            color: #5ac8fa; text-decoration: none;
            font-weight: bold; transition: color 0.3s;
        }

        .rules-link:hover { color: #7b68ee; }

        .checkbox-container {
            display: flex; align-items: center;
            margin-bottom: 25px; cursor: pointer; padding: 0 5px;
        }

        .checkbox-label {
            margin-left: 10px; cursor: pointer;
            font-size: 0.95em; color: #ccc;
        }

        #agreeCheckbox {
            -webkit-appearance: none; -moz-appearance: none; appearance: none;
            width: 20px; height: 20px; border: 2px solid #4a90e2; 
            border-radius: 4px; background-color: transparent;
            cursor: pointer; position: relative;
            transition: background-color 0.3s, border-color 0.3s;
            flex-shrink: 0; 
        }

        #agreeCheckbox:checked {
            background: linear-gradient(45deg, #4a90e2, #5ac8fa);
            border-color: #5ac8fa;
        }

        #agreeCheckbox:checked::after {
            content: '\2713'; font-size: 14px; color: #fff;
            position: absolute; top: 50%; left: 50%;
            transform: translate(-50%, -50%);
        }

        .modal-btn {
            width: 100%; padding: 12px; font-size: 1.1em;
            border: none; border-radius: 8px; cursor: pointer;
            font-weight: bold; background: linear-gradient(90deg, #4a90e2, #5ac8fa);
            color: white; transition: opacity 0.3s, transform 0.2s, background 0.3s;
        }

        .modal-btn:hover:not(:disabled) {
            background: linear-gradient(90deg, #5ac8fa, #7b68ee); 
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(74, 144, 226, 0.4);
        }

        .modal-btn:disabled {
            background: #334455; cursor: not-allowed;
            opacity: 0.7; transform: none; box-shadow: none;
        }