*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding:20px}.container{max-width:800px;margin:0 auto;background:white;border-radius:15px;box-shadow:0 20px 40px rgba(0,0,0,0.1);overflow:hidden}.header{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:white;padding:30px;text-align:center;position:relative}.header h1{font-size:2.5em;margin-bottom:10px}.header p{font-size:1.1em;opacity:0.9}.content{padding:40px}.form-group{margin-bottom:25px}label{display:block;margin-bottom:8px;font-weight:600;color:#333}input[type="url"]{width:100%;padding:15px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;transition:border-color 0.3s}input[type="url"]:focus{outline:none;border-color:#667eea}.format-selection{display:flex;gap:15px;margin-bottom:25px}.format-option{flex:1;padding:15px;border:2px solid #e0e0e0;border-radius:8px;text-align:center;cursor:pointer;transition:all 0.3s;background:white}.format-option:hover{border-color:#667eea;background:#f8f9ff}.format-option.selected{border-color:#667eea;background:#667eea;color:white}.format-option input[type="radio"]{display:none}.download-btn{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:transform 0.2s}.download-btn:hover{transform:translateY(-2px)}.download-btn:disabled{opacity:0.6;cursor:not-allowed;transform:none}.progress-section{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px;display:none}.progress-bar{width:100%;height:10px;background:#e0e0e0;border-radius:5px;overflow:hidden;margin:10px 0}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);width:0%;transition:width 0.3s}.downloads-section{margin-top:30px;padding:20px;background:#f8f9fa;border-radius:8px}.downloads-list{list-style:none}.download-item{display:flex;justify-content:space-between;align-items:center;padding:15px;background:white;margin-bottom:10px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.download-item-info{flex:1}.download-item-name{font-weight:600;margin-bottom:5px}.download-item-size{color:#666;font-size:0.9em}.download-link{padding:8px 15px;background:#667eea;color:white;text-decoration:none;border-radius:5px;font-size:0.9em}.download-link:hover{background:#5a6fd8}.error-message{background:#ff6b6b;color:white;padding:15px;border-radius:8px;margin-top:15px;display:none}.success-message{background:#51cf66;color:white;padding:15px;border-radius:8px;margin-top:15px;display:none}.ad-banner{width:100%;height:90px;margin:20px 0;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.ad-rectangle{width:300px;height:250px;margin:20px auto;border:1px solid #e0e0e0;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f8f9fa}.ad-placeholder{color:#666;font-size:14px;text-align:center}.language-selector{position:absolute;top:20px;right:20px;z-index:10}.language-selector select{padding:8px 12px;border-radius:6px;border:2px solid rgba(255,255,255,0.4);background:white;color:#333;font-size:14px;font-family:inherit;cursor:pointer;outline:none;transition:all 0.3s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23667eea" d="M2 0L0 2h4zM2 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right 8px center;background-size:12px;padding-right:30px;min-width:120px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.language-selector select:hover{background:rgba(255,255,255,0.98);border-color:rgba(102,126,234,0.6);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.language-selector select:focus{background:white;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,0.2)}.language-selector option{background:white;color:#333;padding:8px 12px;font-size:14px}@media (max-width:768px){.ad-rectangle{width:250px;height:200px}.language-selector{top:15px;right:15px}.language-selector select{min-width:100px;font-size:13px;padding:6px 10px;padding-right:25px}}
