*{box-sizing:border-box;margin:0;padding:0}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;overflow:hidden}.background-gradient{position:fixed;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);z-index:-1}.background-gradient:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:bg-scroll 20s linear infinite}@keyframes bg-scroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.main-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:40px;width:100%;max-width:480px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset;animation:card-appear .6s ease-out}@keyframes card-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header{text-align:center;margin-bottom:32px}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;margin-bottom:16px;box-shadow:0 8px 24px #667eea66}.key-icon{width:32px;height:32px;color:#fff;stroke-width:2}.title{font-size:28px;font-weight:700;color:#1a1a2e;margin:0 0 4px;letter-spacing:-.5px}.subtitle{font-size:14px;color:#6b7280;margin:0;font-weight:500;text-transform:uppercase;letter-spacing:2px}.form-section{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:6px}.label-icon{font-size:16px}.form-input{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#1a1a2e;transition:all .2s ease;outline:none}.form-input:hover{border-color:#667eea}.form-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.form-input::placeholder{color:#9ca3af}.license-type-options{display:flex;gap:8px}.type-option{flex:1;padding:12px 16px;font-size:14px;font-weight:500;color:#6b7280;background:#f3f4f6;border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease}.type-option:hover{background:#e5e7eb;color:#374151}.type-option.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 12px #667eea4d}.validity-row{display:flex;align-items:center;gap:8px}.days-input-wrapper{position:relative;display:flex;align-items:center;flex:1}.days-input{padding-right:50px}.days-suffix{position:absolute;right:16px;font-size:14px;color:#6b7280;font-weight:500;pointer-events:none}.validity-separator{font-size:14px;color:#6b7280;font-weight:500;flex-shrink:0}.date-input{flex:1;min-width:0}.btn-generate{width:100%;padding:16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 20px #667eea66;margin-top:8px}.btn-generate:hover{transform:translateY(-2px);box-shadow:0 12px 28px #667eea80}.btn-generate:active{transform:translateY(0)}.btn-icon{font-size:18px}.result-section{margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.result-label{font-size:14px;font-weight:600;color:#6b7280;margin-bottom:12px}.result-wrapper{display:flex;gap:8px}.result-input{flex:1;padding:14px 16px;font-size:13px;font-family:Courier New,monospace;font-weight:600;color:#1a1a2e;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:10px;letter-spacing:.5px}.btn-copy{padding:14px 20px;font-size:14px;font-weight:600;color:#374151;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap}.btn-copy:hover{border-color:#667eea;color:#667eea}.btn-copy.success{background:linear-gradient(135deg,#10b981,#059669);border-color:transparent;color:#fff}.copy-icon,.check-icon{font-size:16px}.footer{margin-top:24px;text-align:center}.footer p{font-size:13px;color:#ffffffb3;margin:0}.fade-in{animation:fade-in .3s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.main-card{padding:24px;border-radius:20px}.title{font-size:24px}.license-type-options,.result-wrapper{flex-direction:column}.btn-copy{width:100%;justify-content:center}}