:root{--primary:#3f64ce;--skin:#f1c5b4;--background:#fff}.logo-generator{max-width:1200px;margin:0 auto;padding:24px 0}.logo-generator .form-container{max-width:500px;margin:0 auto 50px}.logo-generator #result{max-width:1200px;margin:32px auto}.logo-generator .logo-input{border:1px solid #ddd;border-radius:25px;outline:none;width:100%;margin-bottom:16px;padding:12px;font-size:16px;transition:border-color .3s}.logo-generator .logo-input:focus{border-color:red;box-shadow:0 0 5px #ff00001a}.logo-generator .style-checkboxes{margin:24px 0;padding:0 12px}.logo-generator .style-checkboxes h4{color:#333;margin-bottom:16px;font-size:18px}.logo-generator .style-checkboxes label{margin:8px 16px 8px 0;display:inline-block}.logo-generator .generate-button{color:#fff;cursor:pointer;z-index:1;background-color:red;border:none;border-radius:25px;width:auto;margin-top:16px;padding:12px 32px;font-size:16px;font-weight:500;transition:background-color .3s;position:relative;overflow:hidden}.logo-generator .generate-button:hover{background-color:#135e96}.logo-generator .generate-button.loading,.logo-generator .generate-button.loading:hover{background-color:red}.logo-generator .generate-button:disabled{cursor:not-allowed}.logo-generator .generate-button:not(.loading):disabled{background-color:#ccc}.logo-generator .generate-button.loading:before{content:"";transform-origin:0;z-index:-1;background:#ff4d4d;width:100%;height:100%;animation:1.8s ease-in-out infinite button-fill;position:absolute;top:0;left:0;transform:scaleX(0)}@keyframes button-fill{0%{transform:scaleX(0)}70%{transform:scaleX(1)}to{transform:scaleX(1)}}.logo-generator .loading-spinner{text-align:center;max-width:500px;min-height:320px;margin:30px auto 80px;position:relative;overflow:visible}.scene{justify-content:center;margin:0 auto;display:flex}.progress{background:#eee;width:400px;height:20px;margin:60px auto 20px;position:relative}.progress:after{content:"";background:#637373;width:0;height:100%;animation:20s linear infinite progress;position:absolute;top:0;left:0}.logo-generator .loading-spinner p{margin-top:16px}.objects{width:200px;height:240px;position:relative}.square{border-radius:50%;width:120px;height:120px;animation:10s ease-in-out infinite path_square;position:absolute;bottom:-60px;left:-5px;transform:rotate(-360deg)}.square:after{content:"";background:#9ab3f5;width:50px;height:50px;position:absolute;top:10px;left:0}.circle{border-radius:50%;width:100px;height:100px;animation:10s ease-in-out infinite path_circle;position:absolute;bottom:10px;left:0;transform:rotate(-360deg)}.circle:after{content:"";background:#c56183;border-radius:50%;width:50px;height:50px;position:absolute;bottom:-10px;left:25px}.triangle{border-radius:50%;width:110px;height:110px;animation:10s ease-in-out infinite path_triangle;position:absolute;bottom:-62px;left:-10px;transform:rotate(-360deg)}.triangle:after{content:"";border:28px solid #0000;border-top-width:0;border-bottom:48px solid #89beb3;width:0;height:0;position:absolute;top:0;right:-10px}.wizard{width:190px;height:240px;position:relative}.body{background:var(--primary);width:60px;height:100px;position:absolute;bottom:0;left:68px}.body:after{content:"";background:var(--primary);width:60px;height:100px;position:absolute;bottom:0;left:20px;transform:skew(14deg)}.right-arm{background:var(--primary);transform-origin:16px 22px;border-radius:22px;width:90px;height:44px;animation:10s ease-in-out infinite right_arm;position:absolute;bottom:74px;left:110px;transform:rotate(70deg)}.right-arm .right-hand{background:var(--skin);transform-origin:50%;border-radius:50%;width:30px;height:30px;animation:10s ease-in-out infinite right_hand;position:absolute;bottom:8px;right:8px;transform:rotate(-40deg)}.right-arm .right-hand:after{content:"";background:var(--skin);border-radius:10px;width:15px;height:30px;animation:10s ease-in-out infinite right_finger;position:absolute;top:-8px;right:0;transform:translateY(16px)}.left-arm{background:var(--primary);transform-origin:60px 26px;border-bottom-left-radius:8px;width:70px;height:44px;animation:10s ease-in-out infinite left_arm;position:absolute;bottom:74px;left:26px;transform:rotate(-70deg)}.left-arm .left-hand{background:var(--skin);border-top-left-radius:35px;border-bottom-left-radius:35px;width:18px;height:30px;position:absolute;top:0;left:-18px}.left-arm .left-hand:after{content:"";background:var(--skin);transform-origin:100% 100%;border-radius:20px;width:30px;height:15px;animation:10s ease-in-out infinite left_finger;position:absolute;top:0;right:0;transform:scaleX(0)}.head{transform-origin:50%;width:160px;height:210px;animation:10s ease-in-out infinite head;position:absolute;top:0;left:14px;transform:rotate(-3deg)}.beard{background:var(--background);border-bottom-right-radius:55%;width:80px;height:106px;position:absolute;bottom:0;left:38px}.beard:after{content:"";background:var(--background);border-radius:20px;width:40px;height:20px;position:absolute;top:16px;left:-10px}.face{background:var(--skin);width:60px;height:30px;position:absolute;bottom:76px;left:38px}.face:before{content:"";background:var(--skin);border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:20px;height:40px;position:absolute;top:0;left:40px}.face:after{content:"";background:var(--background);border-radius:20px 20px 0;width:50px;height:20px;position:absolute;top:16px;left:-10px}.face .adds{background:var(--skin);border-radius:20px;width:40px;height:20px;position:absolute;top:0;left:-10px}.face .adds:after{content:"";background:var(--skin);border-top-right-radius:20px;border-bottom-right-radius:20px;width:15px;height:20px;position:absolute;top:5px;left:80px}.hat{background:var(--primary);border-radius:20px;width:160px;height:20px;position:absolute;bottom:106px;left:0}.hat:before{content:"";border-style:solid;border-width:0 34px 70px 50px;border-color:transparent transparent var(--primary) transparent;width:0;height:0;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.hat:after{content:"";background:var(--primary);border-radius:20px;width:160px;height:20px;position:absolute;top:0;left:0}.hat-of-the-hat{border-style:solid;border-width:0 25px 25px 19px;border-color:transparent transparent var(--primary) transparent;width:0;height:0;position:absolute;bottom:78px;left:79px}.hat-of-the-hat:after{content:"";background:var(--primary);border-radius:10px 10px 10px 0;width:35px;height:10px;position:absolute;top:6px;left:-4px;transform:rotate(40deg)}.four-point-star{width:12px;height:12px;position:absolute}.four-point-star:after,.four-point-star:before{content:"";background:var(--background);border-radius:10%;width:141.421%;display:block;position:absolute;top:0;bottom:0;left:0;transform:rotate(66.66deg)skew(45deg)}.four-point-star:after{transform:rotate(156.66deg)skew(45deg)}.four-point-star.--first{bottom:28px;left:46px}.four-point-star.--second{bottom:40px;left:80px}.four-point-star.--third{bottom:15px;left:108px}@keyframes right_arm{0%{transform:rotate(70deg)}10%{transform:rotate(8deg)}15%{transform:rotate(20deg)}20%{transform:rotate(10deg)}25%{transform:rotate(26deg)}30%{transform:rotate(10deg)}35%{transform:rotate(28deg)}40%{transform:rotate(9deg)}45%{transform:rotate(28deg)}50%{transform:rotate(8deg)}58%{transform:rotate(74deg)}62%{transform:rotate(70deg)}}@keyframes left_arm{0%{transform:rotate(-70deg)}10%{transform:rotate(6deg)}15%{transform:rotate(-18deg)}20%{transform:rotate(5deg)}25%{transform:rotate(-18deg)}30%{transform:rotate(5deg)}35%{transform:rotate(-17deg)}40%{transform:rotate(5deg)}45%{transform:rotate(-18deg)}50%{transform:rotate(6deg)}58%{transform:rotate(-74deg)}62%{transform:rotate(-70deg)}}@keyframes right_hand{0%{transform:rotate(-40deg)}10%{transform:rotate(-20deg)}15%{transform:rotate(-5deg)}20%{transform:rotate(-60deg)}25%{transform:rotate(0)}30%{transform:rotate(-60deg)}35%{transform:rotate(0)}40%{transform:rotate(-40deg)}45%{transform:rotate(-60deg)}50%{transform:rotate(10deg)}60%{transform:rotate(-40deg)}}@keyframes right_finger{0%{transform:translateY(16px)}10%{transform:none}50%{transform:none}60%{transform:translateY(16px)}}@keyframes left_finger{0%{transform:scaleX(0)}10%{transform:scaleX(1)rotate(6deg)}15%{transform:scaleX(1)rotate(0)}20%{transform:scaleX(1)rotate(8deg)}25%{transform:scaleX(1)rotate(0)}30%{transform:scaleX(1)rotate(7deg)}35%{transform:scaleX(1)rotate(0)}40%{transform:scaleX(1)rotate(5deg)}45%{transform:scaleX(1)rotate(0)}50%{transform:scaleX(1)rotate(6deg)}58%{transform:scaleX(0)}}@keyframes head{0%{transform:rotate(-3deg)}10%{transform:translate(10px)rotate(7deg)}50%{transform:translate(0)rotate(0)}56%{transform:rotate(-3deg)}}@keyframes path_circle{0%{transform:translateY(0)}10%{transform:translateY(-100px)rotate(-5deg)}55%{transform:translateY(-100px)rotate(-360deg)}58%{transform:translateY(-100px)rotate(-360deg)}63%{transform:rotate(-360deg)}}@keyframes path_square{0%{transform:translateY(0)}10%{transform:translateY(-155px)translate(-15px)rotate(10deg)}55%{transform:translateY(-155px)translate(-15px)rotate(-350deg)}57%{transform:translateY(-155px)translate(-15px)rotate(-350deg)}63%{transform:rotate(-360deg)}}@keyframes path_triangle{0%{transform:translateY(0)}10%{transform:translateY(-172px)translate(10px)rotate(-10deg)}55%{transform:translateY(-172px)translate(10px)rotate(-365deg)}58%{transform:translateY(-172px)translate(10px)rotate(-365deg)}63%{transform:rotate(-360deg)}}@keyframes progress{0%{width:0}to{width:100%}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-generator .logo-grid{grid-template-columns:repeat(1,1fr);gap:24px;margin:24px 0;display:grid}@media (width>=768px){.logo-generator .logo-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.logo-generator .logo-grid{grid-template-columns:repeat(3,1fr)}}.logo-generator .logo-card{background:#fff;border:1px solid #ddd;border-radius:25px;max-width:400px;margin:0 auto;padding:16px;transition:box-shadow .3s}.logo-generator .logo-card:hover{box-shadow:0 4px 12px #0000001a}.logo-generator .logo-card.loading{opacity:.7;pointer-events:none}.logo-generator .logo-card.selected{border-color:red;box-shadow:0 0 0 2px red}.logo-generator .logo-card .logo-wrapper{aspect-ratio:1;width:100%;margin:0;position:relative;overflow:hidden}.logo-generator .logo-card .logo-wrapper img{object-fit:contain;border-radius:12px;max-width:100%;height:auto;max-height:400px;margin:0 auto;display:block}.watermark-overlay{pointer-events:none;z-index:1;position:absolute;inset:0}.watermark-text{pointer-events:none;z-index:2;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);display:grid;position:absolute;inset:0}.watermark-text span{color:#80808066;white-space:nowrap;justify-content:center;align-items:center;padding:5px;font-family:Arial,sans-serif;font-size:8px;display:flex;transform:rotate(-45deg)}.logo-generator .logo-card .protection-overlay{pointer-events:none;z-index:3;position:absolute;inset:0}.logo-generator .error-message{color:#dc3232;background-color:#fef7f7;border-left:4px solid #dc3232;margin:8px 0;padding:8px;font-size:14px}.logo-generator #payment-section{background-color:#f9f9f9;border-radius:15px;max-width:500px;margin:40px auto;padding:30px;box-shadow:0 2px 10px #0000001a}.logo-generator .price-info{text-align:center;margin-bottom:12px;font-size:16px;font-weight:700}.logo-generator #paypal-button-container{background-color:#fff;border-radius:25px;max-width:300px;min-height:100px;margin:0 auto;padding:15px}.processing-payment{text-align:center;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;margin:15px 0;padding:20px;font-size:14px}.success-message{text-align:center;background-color:#f0fdf4;border:1px solid #86efac;border-radius:4px;margin:15px 0;padding:20px}.success-message h3{color:#0f766e;margin-bottom:12px;font-size:20px}.download-button{color:#fff;cursor:pointer;background-color:#10b981;border:none;border-radius:4px;margin:12px 0;padding:12px 24px;font-size:14px;font-weight:600;transition:background-color .3s}.download-button:hover{background-color:#059669}.download-note{color:#64748b;margin-top:8px;font-size:12px}.logo-generator .logo-selection{border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;display:flex}.logo-generator .logo-selection label{cursor:pointer;align-items:center;gap:8px;display:flex}.logo-generator .logo-selection input[type=radio]{appearance:none;cursor:pointer;vertical-align:middle;border:2px solid #999;border-radius:50%;width:18px;height:18px;margin-right:8px;position:relative}.logo-generator .logo-selection input[type=radio]:checked{background-color:#fff;border-color:red}.logo-generator .logo-selection input[type=radio]:checked:after{content:"";opacity:1;visibility:visible;background-color:red;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-generator .logo-number{color:#666;font-size:14px;font-weight:500}.payment-success-container{text-align:center;background-color:#f0fdf4;border-radius:12px;margin:20px 0;padding:30px;box-shadow:0 2px 8px #0000000d}.payment-success-container h3{color:#065f46;margin-bottom:16px;font-size:24px}.payment-success-container .download-button{color:#fff;background-color:#10b981;border-radius:8px;margin:20px 0;padding:14px 28px;font-weight:600;text-decoration:none;transition:background-color .3s;display:inline-block}.payment-success-container .download-button:hover{background-color:#059669}.payment-success-container .download-note{color:#64748b;margin:12px 0;font-size:14px}.logo-input.required{border:1px solid #e74c3c}.logo-input.required::placeholder{color:#666;position:relative}
