*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#d4a574;--secondary:#e8d4c4;--accent:#c9956c;--dark:#4a3728;--light:#f5f1ed;--border:#e0d0c4}body{background-color:#f5f1ed;background-color:var(--light);color:#4a3728;color:var(--dark);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}header{background-color:#fff;border-bottom:1px solid #e0d0c4;border-bottom:1px solid var(--border);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#4a3728;color:var(--dark);font-size:24px;font-weight:600;text-decoration:none}nav ul{display:flex;gap:30px;list-style:none}nav a{color:#4a3728;color:var(--dark);cursor:pointer;font-weight:500;text-decoration:none;transition:color .3s}nav a.active,nav a:hover{color:#c9956c;color:var(--accent)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.page{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero{padding:80px 20px;text-align:center}.hero h1{color:#4a3728;color:var(--dark);font-size:48px;font-weight:700;margin-bottom:20px}.hero p{color:#666;font-size:18px;margin:0 auto 40px;max-width:700px}.cipher-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:60px 0}.cipher-card{background:#fff;border:1px solid #e0d0c4;border:1px solid var(--border);border-radius:12px;cursor:pointer;padding:30px;text-align:center;transition:all .3s}.cipher-card:hover{border-color:#d4a574;border-color:var(--primary);box-shadow:0 8px 24px #c9956c26;transform:translateY(-4px)}.cipher-card h3{color:#4a3728;color:var(--dark);font-size:20px;margin-bottom:15px}.cipher-card p{color:#888;font-size:14px;margin-bottom:20px}.learn-btn{color:#d4a574;color:var(--primary);cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s}.learn-btn:hover{color:#c9956c;color:var(--accent)}.cipher-tool{background:#fff;border:1px solid #e0d0c4;border:1px solid var(--border);border-radius:12px;margin:40px 0;padding:40px}.cipher-tool h2{color:#4a3728;color:var(--dark);font-size:32px;margin-bottom:10px}.cipher-description{color:#888;font-size:14px;margin-bottom:30px}.form-group{margin-bottom:20px}label{color:#4a3728;color:var(--dark);display:block;font-weight:600;margin-bottom:8px}input[type=number],input[type=password],input[type=text],select,textarea{border:1px solid #e0d0c4;border:1px solid var(--border);border-radius:6px;font-family:inherit;font-size:14px;padding:12px;transition:border-color .3s;width:100%}input[type=number]:focus,input[type=password]:focus,input[type=text]:focus,select:focus,textarea:focus{background-color:#d4a5740d;border-color:#d4a574;border-color:var(--primary);outline:none}textarea{min-height:100px;resize:vertical}.button-group{display:flex;gap:15px;margin-top:25px}button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 30px;transition:all .3s}.btn-primary{background-color:#d4a574;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#c9956c;background-color:var(--accent);transform:translateY(-2px)}.btn-secondary{background-color:#e8d4c4;background-color:var(--secondary);color:#4a3728;color:var(--dark)}.btn-secondary:hover{background-color:#e0d0c4;background-color:var(--border)}.result{background-color:#e8d4c4;background-color:var(--secondary);border:1px solid #d4a574;border:1px solid var(--primary);border-radius:6px;display:none;margin-top:20px;padding:15px}.result.show{display:block}.result-label{color:#4a3728;color:var(--dark);font-weight:600;margin-bottom:8px}.result-text{background:#fff;border-radius:4px;font-family:Courier New,monospace;padding:12px;word-break:break-all}.about-section{padding:60px 20px}.about-section h2{color:#4a3728;color:var(--dark);font-size:36px;margin-bottom:40px;text-align:center}.cipher-info{background:#fff;border-left:4px solid #d4a574;border-left:4px solid var(--primary);border-radius:12px;margin-bottom:25px;padding:30px}.cipher-info h3{color:#4a3728;color:var(--dark);font-size:22px;margin-bottom:15px}.cipher-info p{color:#666;line-height:1.8;margin-bottom:12px}.cipher-info strong{color:#c9956c;color:var(--accent)}.contacts-section{padding:60px 20px}.contacts-section h2{color:#4a3728;color:var(--dark);font-size:36px;margin-bottom:40px;text-align:center}.contact-form{background:#fff;border:1px solid #e0d0c4;border:1px solid var(--border);border-radius:12px;margin:0 auto;max-width:600px;padding:40px}.contact-form input[type=email],.contact-form textarea{width:100%}.success-message{background-color:#d4e8d4;border-radius:6px;color:#2d5a2d;display:none;margin-bottom:20px;padding:15px;text-align:center}.success-message.show{display:block}.project-section{margin:0 auto;max-width:800px;padding:60px 20px}.project-section h2{color:#4a3728;color:var(--dark);font-size:36px;margin-bottom:30px}.project-section p{color:#666;font-size:16px;line-height:1.8;margin-bottom:20px}footer{background-color:#fff;border-top:1px solid #e0d0c4;border-top:1px solid var(--border);color:#888;margin-top:60px;padding:30px 20px;text-align:center}@media (max-width:768px){nav ul{flex-wrap:wrap;gap:10px;justify-content:center}nav a{font-size:14px;padding:5px 8px}.hero h1{font-size:28px}.hero p{font-size:16px;padding:0 10px}.cipher-grid{gap:15px;grid-template-columns:1fr;margin:30px 0}.cipher-card{margin:0 10px;padding:20px}.cipher-tool{margin:20px 0;padding:20px}.cipher-tool h2{font-size:24px}.two-column-layout{gap:20px!important;grid-template-columns:1fr!important}.button-group{flex-direction:column}button{margin-bottom:10px;width:100%}.result-text{font-size:14px;overflow-x:auto;padding:10px}.contact-form{margin:0 10px;padding:20px}.cipher-navigation{grid-template-columns:1fr!important}.cipher-navigation button{margin-bottom:10px}}@media (max-width:480px){.header-container{flex-direction:column;gap:15px}nav ul{gap:8px}nav a{font-size:13px}.hero{padding:40px 10px}.hero h1{font-size:24px}.cipher-card h3{font-size:18px}.about-section,.contacts-section,.project-section{padding:30px 10px}.cipher-info{margin:0 10px 20px;padding:20px}}@media (max-width:360px){.logo{font-size:20px}nav a{font-size:12px;padding:4px 6px}.hero h1{font-size:22px}}.text-center{text-align:center}.mb-20{margin-bottom:20px}.mt-20{margin-top:20px}.flex{display:flex}.flex-column{flex-direction:column}.justify-center{justify-content:center}.align-center{align-items:center}.hidden-mobile{display:block}@media (max-width:768px){.hidden-mobile{display:none}}
/*# sourceMappingURL=main.c5966b65.css.map*/