.unicorn-celebration{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.rainbow{position:absolute;width:300px;height:150px;border-radius:300px 300px 0 0;border:8px solid transparent;border-top-color:red;border-left-color:red;border-right-color:red;opacity:0;animation:rainbowAppear 4s ease-in-out infinite}.rainbow:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:0;border-radius:300px 300px 0 0;border:8px solid transparent;border-top-color:#ff7f00;border-left-color:#ff7f00;border-right-color:#ff7f00}.rainbow:after{content:"";position:absolute;top:-16px;left:-16px;right:-16px;bottom:0;border-radius:300px 300px 0 0;border:8px solid transparent;border-top-color:#ff0;border-left-color:#ff0;border-right-color:#ff0}.rainbow-1{top:20%;left:10%;animation-delay:0s;transform:rotate(-15deg)}.rainbow-2{top:50%;right:15%;animation-delay:1.3s;transform:rotate(15deg)}.rainbow-3{bottom:10%;left:30%;animation-delay:2.6s;transform:rotate(-10deg)}@keyframes rainbowAppear{0%,to{opacity:0;transform:scale(.5) translateY(50px)}50%{opacity:.7;transform:scale(1) translateY(0)}}.unicorn{position:absolute;font-size:4rem;animation:unicornDance 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.5))}.unicorn-1{top:15%;left:-10%;animation-delay:0s}.unicorn-2{top:40%;right:-10%;animation-delay:.7s}.unicorn-3{bottom:20%;left:-10%;animation-delay:1.4s}.unicorn-4{top:60%;right:-10%;animation-delay:2.1s}@keyframes unicornDance{0%{transform:translate(0) translateY(0) rotate(0) scale(1)}25%{transform:translate(30vw) translateY(-20px) rotate(10deg) scale(1.1)}50%{transform:translate(60vw) translateY(0) rotate(-10deg) scale(1)}75%{transform:translate(90vw) translateY(-15px) rotate(15deg) scale(1.1)}to{transform:translate(120vw) translateY(0) rotate(0) scale(1)}}.sparkles{position:absolute;width:100%;height:100%}.sparkle{position:absolute;font-size:2rem;animation:sparkleFloat 3s ease-in-out infinite;opacity:0}.sparkle-1{top:20%;left:25%;animation-delay:0s}.sparkle-2{top:30%;right:30%;animation-delay:.4s}.sparkle-3{top:50%;left:15%;animation-delay:.8s}.sparkle-4{top:60%;right:20%;animation-delay:1.2s}.sparkle-5{bottom:30%;left:40%;animation-delay:1.6s}.sparkle-6{bottom:20%;right:35%;animation-delay:2s}.sparkle-7{top:25%;left:50%;animation-delay:2.4s}.sparkle-8{bottom:40%;left:60%;animation-delay:2.8s}@keyframes sparkleFloat{0%,to{opacity:0;transform:translateY(0) scale(.5) rotate(0)}50%{opacity:1;transform:translateY(-30px) scale(1.2) rotate(180deg)}}.celebration-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;animation:messagePopIn 4s ease-in-out infinite;opacity:0}.message-text{font-family:Secular One,Open Sans,sans-serif;font-size:3rem;color:var(--routific-orange);text-shadow:0 0 10px rgba(255,255,255,1),0 0 20px rgba(245,80,20,.8),0 0 30px rgba(245,80,20,.6);font-weight:800;margin-bottom:.5rem}.message-subtext{font-family:Open Sans,sans-serif;font-size:1.5rem;color:var(--routific-dark);font-weight:700;text-shadow:0 0 5px rgba(255,255,255,.8)}@keyframes messagePopIn{0%,20%,80%,to{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%,60%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 768px){.unicorn{font-size:2.5rem}.sparkle{font-size:1.5rem}.message-text{font-size:2rem}.message-subtext{font-size:1rem}.rainbow{width:200px;height:100px}}*{margin:0;padding:0;box-sizing:border-box}:root{--routific-orange: #F55014;--routific-orange-hover: #d94612;--routific-orange-light: #fff5f2;--routific-blue: #4d65ff;--routific-blue-dark: #3d52cc;--routific-blue-light: #6b7fff;--routific-dark: #1a1a1a;--routific-gray: #5a5a5a;--routific-gray-light: #f8f9fa;--routific-border: #e0e0e0;--success-green: #1e8e3e;--success-green-light: #e6f4ea;--warning-orange: #f29900;--warning-orange-light: #fef7e0;--error-red: #d93025;--error-red-light: #fce8e6}body{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#4d65ff 0%,#3d52cc 100%);color:var(--routific-dark);line-height:1.6;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.container{max-width:650px;margin:0 auto;padding:2rem 1.5rem;width:100%}.header{text-align:center;margin-bottom:2rem}.header h1{font-family:Secular One,Open Sans,sans-serif;font-size:2rem;margin-bottom:.75rem;color:#fff;letter-spacing:-.5px;font-weight:700}.header p{color:#ffffffe6;font-size:1rem;max-width:500px;margin:0 auto;line-height:1.6}.form-container{background:white;border-radius:16px;padding:3rem;box-shadow:0 20px 60px #0000004d;border:none}.form-group{margin-bottom:2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--routific-dark);font-size:.875rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.9375rem;font-family:Open Sans,sans-serif;transition:all .2s ease;background-color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--routific-blue);box-shadow:0 0 0 3px #4d65ff1f}.form-group input.error,.form-group textarea.error{border-color:var(--error-red);box-shadow:0 0 0 3px #d930251f}.error-message{color:var(--error-red);font-size:.875rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.button{padding:.875rem 2rem;background-color:var(--routific-orange);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.3px;box-shadow:0 4px 12px #f5501440;width:100%}.button:hover{background-color:var(--routific-orange-hover);box-shadow:0 6px 20px #f5501459;transform:translateY(-2px)}.button:active{transform:translateY(0);box-shadow:0 2px 8px #f5501433}.button:disabled{background-color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none;opacity:.6}.button-secondary{background-color:#fff;color:var(--routific-orange);border:2px solid var(--routific-orange);box-shadow:none}.button-secondary:hover{background-color:var(--routific-orange-light);transform:translateY(-1px)}.template-section{border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1rem;overflow:hidden;transition:all .2s ease;background-color:#fafbfc}.template-section:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.template-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background-color:#fafbfc;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s ease}.template-header:hover{background-color:#f3f4f6}.template-title{font-weight:600;font-size:1rem;color:var(--routific-dark);display:flex;align-items:center;gap:.5rem}.template-status{font-size:.875rem;color:var(--routific-gray);font-weight:500}.template-body{padding:1.25rem;background-color:#fff}.template-trigger{background:linear-gradient(135deg,#fef3f0 0%,#ffffff 100%);padding:.875rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem;border-left:3px solid var(--routific-orange);color:var(--routific-gray)}.tag-chips{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:1.25rem}.tag-chip{padding:.5rem .875rem;background:white;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;font-family:Courier New,Consolas,monospace;font-weight:600;color:var(--routific-blue);cursor:pointer;transition:all .2s ease;min-height:44px;display:flex;align-items:center;box-shadow:0 1px 2px #0000000d}.tag-chip:hover{background-color:var(--routific-blue);color:#fff;border-color:var(--routific-blue);transform:translateY(-1px);box-shadow:0 2px 6px #4d65ff33}.tag-chip:active{transform:translateY(0);box-shadow:0 1px 3px #4d65ff26}.validation-feedback{margin-top:1rem;padding:.875rem 1rem;border-radius:8px;font-size:.875rem;background-color:#f9fafb;border:1px solid #e5e7eb}.character-count{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem;padding:.625rem .875rem;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb}.count-text{font-size:.9375rem;font-weight:600}.count-ok{color:var(--success-green)}.count-warning{color:var(--warning-orange)}.count-error{color:var(--error-red)}.encoding-warning{background-color:var(--warning-orange-light);color:#b54d00;padding:.75rem;border-radius:6px;margin-bottom:.75rem;font-size:.875rem;border-left:3px solid var(--warning-orange)}.compliance-score{background:linear-gradient(135deg,#ffffff 0%,var(--routific-gray-light) 100%);padding:1.25rem;border-radius:10px;margin-top:1.25rem;border:2px solid var(--routific-border)}.score-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.score-value{font-size:2.5rem;font-weight:800;font-family:Secular One,Open Sans,sans-serif}.score-excellent{color:var(--success-green)}.score-good{color:var(--warning-orange)}.score-poor{color:var(--error-red)}.score-guidance{font-size:.9375rem;color:var(--routific-gray);font-weight:600}.warning-list{list-style:none;margin-top:.75rem}.warning-list li{padding:.75rem 1rem;background-color:var(--warning-orange-light);border-left:4px solid var(--warning-orange);margin-bottom:.625rem;font-size:.875rem;border-radius:6px;display:flex;align-items:flex-start;gap:.5rem}.warning-list li.error{background-color:var(--error-red-light);border-left-color:var(--error-red)}.loading-spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.success-message{background:white;border:none;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 20px 60px #0000004d}.success-message h2{font-family:Secular One,Open Sans,sans-serif;color:var(--success-green);margin-bottom:1rem;font-size:1.75rem;font-weight:700}.success-message p{margin-bottom:2rem;color:var(--routific-gray);font-size:1rem;line-height:1.6}.submit-section{margin-top:2rem;padding-top:0;border-top:none;text-align:center}.intro-text{background:linear-gradient(135deg,#f0f4ff 0%,#e8efff 100%);padding:1.25rem 1.5rem;border-radius:12px;margin-bottom:2rem;border:1px solid #d1d9ff}.intro-text h3{font-size:1rem;color:var(--routific-dark);margin-bottom:.5rem;font-weight:700}.intro-text p{color:var(--routific-gray);font-size:.875rem;line-height:1.6;margin:0}.footer-note{text-align:center;color:#6b7280;font-size:.8125rem;margin-top:1.5rem;padding-top:0;border-top:none;line-height:1.5}@media (max-width: 768px){.container{padding:1.5rem 1rem}.header{margin-bottom:2rem;padding-bottom:1.5rem}.header h1{font-size:1.75rem}.header p{font-size:1rem}.form-container{padding:1.5rem}.tag-chip{padding:.625rem .875rem;font-size:.8125rem}.template-header{flex-direction:row;flex-wrap:wrap;gap:.5rem}.template-title{font-size:1rem}.button{width:100%;padding:1rem}.score-value{font-size:2rem}.success-message{padding:2rem 1.5rem}.success-message h2{font-size:1.5rem}}