@font-face{font-family:Oswald;src:url('/fonts/Oswald-Regular.woff2') format('truetype');src:url('/qr-generator/static/fonts/Oswald-SemiBold.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Oswald,Arial,sans-serif;display:flex;flex-direction:column;min-height:100vh;width:100%;margin:0 auto;background-color:#f4f4f9;text-align:center;overflow-y:scroll;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.scroll-indicator{position:fixed;top:0;left:0;width:0;height:4px;background-color:#ff5733;z-index:1100}.main{max-width:1920px;margin:0 auto;width:100%;padding:20px}h1{font-family:Oswald,Arial,sans-serif;margin-top:80px;margin-bottom:10px}.generator-container{background-color:#fff;padding:20px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);max-width:100%;margin:0 auto;margin-top:20px}.form-group{margin-bottom:15px;display:flex;flex-direction:column}input,select{width:100%;padding:11px 13px;margin-top:5px;border:1px solid #ccc;border-radius:8px;font-family:Oswald,Arial,sans-serif;font-size:16px;background:linear-gradient(135deg,#f9f9f9,#fff);transition:border-color .3s,background-color .3s,box-shadow .3s;box-shadow:0 2px 4px rgba(0,0,0,.1);appearance:none;outline:0}input:hover,select:hover{background-color:#f1f1f1;border-color:#bbb;box-shadow:0 3px 6px rgba(0,0,0,.15)}input:focus,select:focus{border-color:#007bff;background-color:#fff;box-shadow:0 0 8px rgba(0,123,255,.5);outline:0}input:disabled,select:disabled{background-color:#e9ecef;border-color:#dcdcdc;cursor:not-allowed;box-shadow:none;color:#6c757d}input::placeholder{color:#aaa;font-style:italic;font-size:14px;opacity:.7}select{position:relative;cursor:pointer}select::after{content:'';position:absolute;right:15px;top:50%;width:10px;height:10px;transform:translateY(-50%);clip-path:polygon(50% 100%,0 0,100% 0);background:#666;pointer-events:none}select option{font-family:Oswald,Arial,sans-serif;padding:10px;background:#fff;color:#333;font-size:16px}button{background-color:#007bff;color:#fff;border:none;padding:12px 24px;font-size:18px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.1)}button:hover{background-color:#0056b3;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 8px rgba(0,0,0,.2)}button:active{background-color:#00408d;transform:translateY(1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}button:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.7}canvas{border:1px solid #ccc;margin-top:20px;width:auto;height:auto;max-width:100%;min-width:310px;min-height:310px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.menu{font-family:Oswald,Arial,sans-serif;position:fixed;top:0;left:0;width:100%;height:80px;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,31,77,.8),rgba(0,42,102,.8),rgba(0,31,77,.8),rgba(0,0,0,.8));background-size:200% 200%;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:1000;animation:gradientAnimation 6s infinite alternate ease-in-out}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.menu-logo{display:flex;align-items:center}.menu-logo img{height:auto;max-height:70px;width:auto;max-width:90%;margin-right:10px}.menu-logo-text{font-size:24px;color:#fff;font-family:Pacifico,cursive}.menu-links{margin-right:30px;display:flex;gap:20px}.menu-links a{color:#fff;text-decoration:none;font-size:16px;position:relative;transition:color .3s ease,transform .3s ease}.menu-links a::before{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:red;transform:scaleX(0);transition:transform .3s ease}.menu-links a:hover{color:red;transform:translateY(-3px)}.menu-links a:hover::before{transform:scaleX(1)}.menu-toggle{display:none;font-size:28px;color:#fff;cursor:pointer;margin-right:20px}.menu-toggle.open{color:red}.mobile-menu{position:fixed;top:0;right:-100%;width:100%;height:100%;background-color:rgba(0,0,0,.9);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:100px;transition:right .5s ease;z-index:999;overflow-y:auto}.mobile-menu.open{right:0}.mobile-menu a{color:#fff;font-size:24px;text-decoration:none;margin:10px 0;display:block;text-align:center;position:relative;transition:color .3s ease,transform .3s ease}.mobile-menu a::before{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background-color:red;transform:scaleX(0);transition:transform .3s ease}.mobile-menu a:hover{color:red;transform:translateY(-3px)}.mobile-menu a:hover::before{transform:scaleX(1)}.mobile-menu-footer{color:#fff;font-size:14px;text-align:center;position:absolute;bottom:50px;width:100%}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:none;z-index:998}.mobile-menu-overlay.open{display:block}.generator-container>.container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:5px}.generator-container .block{color:#000;text-align:center;padding:10px 0;font-size:14px;border-radius:5px}.styled-select{margin:10px 0;padding:10px 15px;font-size:15px;font-family:Oswald,Arial,sans-serif;color:#333;background:linear-gradient(135deg,#f3f3f3,#e0e0e0);border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);outline:0;appearance:none;cursor:pointer;transition:all .3s ease;position:relative}.styled-select:hover{background:linear-gradient(135deg,#fff,#e9e9e9);border-color:#aaa;box-shadow:0 6px 10px rgba(0,0,0,.15)}.styled-select:focus{border-color:#0078d7;box-shadow:0 0 0 3px rgba(0,120,215,.4)}.styled-select[value=yes]{border-color:#007bff;background-color:#eaf4ff;box-shadow:0 0 5px rgba(0,123,255,.5);color:#0056b3}.styled-select[value=no]{border-color:#dc3545;background-color:#ffeaea;box-shadow:0 0 5px rgba(220,53,69,.5);color:#8a1c1c}.styled-select::after{content:'';position:absolute;right:10px;top:50%;width:10px;height:10px;background:#666;clip-path:polygon(50% 100%,0 0,100% 0);transform:translateY(-50%)}.styled-select option{padding:10px;background:#fff;color:#333;font-size:16px}.styled-select option[value=yes]{background-color:#eaf4ff;color:#0056b3}.styled-select option[value=no]{background-color:#ffeaea;color:#8a1c1c}.modern-title{font-family:Oswald,Arial,sans-serif;font-size:1.5rem;font-weight:400;font-style:normal;color:#333;margin:15px 0;text-align:left;transition:transform .3s ease}.modern-title a{text-decoration:none;color:inherit;position:relative;transition:color .3s ease,transform .3s ease}.modern-title a::after{content:'';position:absolute;left:0;bottom:-5px;width:0;height:2px;background-color:red;transition:width .3s ease}.modern-title a:hover{color:#0078ff;transform:translateY(-2px)}.modern-title a:hover::after{width:100%}hr.metal{border:0;height:4px;background:linear-gradient(90deg,#b8b8b8,#f1f1f1,#b8b8b8);box-shadow:0 0 10px #888,0 0 20px #666 inset;border-radius:5px;margin:20px 0}hr.metal-2{border:0;height:3px;background:linear-gradient(90deg,#d7d7d7,#f6f6f6,#d7d7d7);box-shadow:0 0 15px #ccc,0 0 20px #888 inset;border-radius:10px;margin:30px 0}hr.chrome{border:0;height:4px;background:linear-gradient(90deg,#f8f8f8,#fff,#eaeaea,#fff,#f8f8f8);box-shadow:0 0 10px rgba(200,200,200,.5) inset;border-radius:3px;margin:15px 0}hr.steel{border:0;height:5px;background:linear-gradient(90deg,#868686,#e0e0e0,#868686);box-shadow:0 0 15px #333,0 0 10px #666 inset;border-radius:4px;margin:20px 0}.zen-container{background:#fff;border-radius:20px;box-shadow:0 8px 16px rgba(0,0,0,.2);padding:40px 50px;max-width:1200px;width:100%;margin:0 auto;text-align:center;box-sizing:border-box;animation:fadeIn .8s ease-in-out}.zen-title{font-family:Oswald,Arial,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:20px;color:#007bff}.zen-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:20px;margin-bottom:20px}.zen-group{flex:1;min-width:150px;max-width:250px;text-align:left}.zen-label{font-family:Oswald,Arial,sans-serif;font-size:.9rem;margin-bottom:5px;color:#555}.zen-input{width:100%;padding:12px 14px;font-size:1rem;color:#333;background:#f9f9f9;border:1px solid #ddd;border-radius:10px;transition:all .3s ease}.zen-input:focus{border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.2);outline:0}.zen-button{padding:12px 30px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(120deg,#007bff,#0056b3);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.15);transition:all .3s ease;align-self:center}.zen-button:hover{background:linear-gradient(120deg,#0056b3,#007bff);box-shadow:0 6px 12px rgba(0,0,0,.2);transform:translateY(-2px)}.zen-result{font-family:Oswald,Arial,sans-serif;background:#f0f4f8;border-radius:10px;padding:20px;margin-top:20px;border-left:5px solid #007bff;text-align:left}.zen-result-title{font-size:1.4rem;color:#007bff;margin-bottom:10px}.zen-result-text{font-size:1rem;color:#333;margin:0}@keyframes fadeIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.font-check-message{background:linear-gradient(135deg,#1e1e2f,#3a3a5e);color:#fff;font-family:Oswald,Arial,sans-serif;font-size:1.1rem;border:2px solid #5e5ec1;border-radius:8px;padding:16px;box-shadow:0 4px 10px rgba(0,0,0,.5);margin:20px auto;max-width:600px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.font-check-message:hover{transform:scale(1.03);box-shadow:0 6px 15px rgba(0,0,0,.7)}.font-check-message p{margin:.5em 0}.copy{width:100%;color:#fff;text-align:center;padding:5px 0;bottom:0;left:0;z-index:1000}@media (max-width:768px){.generator-container>.container{display:grid;grid-template-columns:1fr 1fr;gap:10px}.generator-container .block:first-child,.generator-container .block:nth-child(2){grid-column:span 2}.generator-container .block:nth-child(3),.generator-container .block:nth-child(4),.generator-container .block:nth-child(5),.generator-container .block:nth-child(6),.generator-container .block:nth-child(7),.generator-container .block:nth-child(8){grid-column:span 1}.generator-container>.container{grid-template-columns:repeat(2,1fr)}input,select{padding:10px;font-size:14px}button{padding:10px 20px;font-size:16px}canvas{margin-top:15px;min-height:auto;border-radius:8px}.form-group{margin-bottom:12px}.menu-links{display:none}.menu-toggle{display:block}.mobile-menu{justify-content:flex-start}.zen-container{padding:30px 20px}.zen-title{font-size:1.5rem}.zen-input{font-size:.9rem}.zen-button{font-size:.9rem}.modern-title{font-size:1.1rem;margin:10px 0}.modern-title a::after{height:1px}.font-check-message{font-size:1rem;padding:12px}}@media (max-width:480px){canvas{max-width:auto;min-height:auto;margin-top:10px;border-radius:8px}.modern-title{font-size:1rem;margin:8px 0}}