*{margin:0;padding:0;box-sizing:border-box}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,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;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#00f2fe);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:2rem}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{text-align:center;max-width:600px;width:100%}.title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:3rem;text-shadow:0 4px 20px rgba(0,0,0,.2);letter-spacing:-.02em;animation:fadeInDown 1s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.badge-container{display:flex;justify-content:center;align-items:center;margin:4rem 0;padding:2rem}.badge{width:300px;height:300px;max-width:80vw;max-height:80vw;filter:drop-shadow(0 10px 40px rgba(0,0,0,.3))}.badge-outer{color:#fff6;stroke-dasharray:600;stroke-dashoffset:600;animation:drawOutline 3s ease-out forwards}.badge-inner-circle{color:#ffffff4d;stroke-dasharray:500;stroke-dashoffset:500;animation:drawOutline 3s ease-out .5s forwards}.badge-pattern{color:#ffffff80}.pattern-path{opacity:.4;color:#ffffff80}@keyframes drawOutline{to{stroke-dashoffset:0}}.badge.animated .badge-outer{color:#ffffffe6;stroke-width:3;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));animation:drawOutline 3s ease-out forwards,colorizeOuter 4s ease-in-out 3s forwards}.badge.animated .badge-inner-circle{color:#ffffffb3;stroke-width:2;animation:drawOutline 3s ease-out .5s forwards,colorizeInner 4s ease-in-out 3.5s forwards}.badge.animated .pattern-1{animation:colorizePattern1 5s ease-in-out 4s forwards}.badge.animated .pattern-2{animation:colorizePattern2 5s ease-in-out 4.5s forwards}.badge.animated .pattern-3{animation:colorizePattern3 5s ease-in-out 5s forwards}.badge.animated .pattern-4{animation:colorizePattern4 5s ease-in-out 5.5s forwards}.badge.animated .pattern-5{animation:colorizePattern5 5s ease-in-out 6s forwards}.badge.animated .pattern-6{animation:colorizePattern6 5s ease-in-out 6.5s forwards}.badge.animated .pattern-7{animation:colorizePattern7 5s ease-in-out 7s forwards}.badge.animated .pattern-8{animation:colorizePattern8 5s ease-in-out 7.5s forwards}.badge.animated .pattern-9{animation:colorizePattern9 5s ease-in-out 8s forwards}.badge.animated .pattern-10{animation:colorizePattern10 5s ease-in-out 8.5s forwards}.badge.animated .pattern-11{animation:colorizePattern11 5s ease-in-out 9s forwards}.badge.animated .pattern-12{animation:colorizePattern12 5s ease-in-out 9.5s forwards}.badge.animated .pattern-13{animation:colorizePattern13 5s ease-in-out 10s forwards}.badge.animated .pattern-14{animation:colorizePattern14 5s ease-in-out 10.5s forwards}@keyframes colorizeOuter{0%{color:#fff6}to{color:#ffffffe6}}@keyframes colorizeInner{0%{color:#ffffff4d}to{color:#ffffffb3}}@keyframes colorizePattern1{0%{color:#ffffff80;opacity:.4}to{color:#ff6b9d;opacity:1;stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(255,107,157,.6))}}@keyframes colorizePattern2{0%{color:#ffffff80;opacity:.4}to{color:#4ecdc4;opacity:1;stroke-width:2.5;filter:drop-shadow(0 0 8px rgba(78,205,196,.6))}}@keyframes colorizePattern3{0%{color:#ffffff80;opacity:.4}to{color:#ffe66d;opacity:1;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,230,109,.6))}}@keyframes colorizePattern4{0%{color:#ffffff80;opacity:.4}to{color:#a8e6cf;opacity:1;stroke-width:2;filter:drop-shadow(0 0 6px rgba(168,230,207,.5))}}@keyframes colorizePattern5{0%{color:#ffffff80;opacity:.4}to{color:#a8e6cf;opacity:1;stroke-width:2;filter:drop-shadow(0 0 6px rgba(168,230,207,.5))}}@keyframes colorizePattern6{0%{color:#ffffff80;opacity:.4}to{color:#a8e6cf;opacity:1;stroke-width:2;filter:drop-shadow(0 0 6px rgba(168,230,207,.5))}}@keyframes colorizePattern7{0%{color:#ffffff80;opacity:.4}to{color:#a8e6cf;opacity:1;stroke-width:2;filter:drop-shadow(0 0 6px rgba(168,230,207,.5))}}@keyframes colorizePattern8{0%{color:#ffffff80;opacity:.4}to{color:#ff8b94;opacity:1;stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,139,148,.5))}}@keyframes colorizePattern9{0%{color:#ffffff80;opacity:.4}to{color:#ff8b94;opacity:1;stroke-width:2;filter:drop-shadow(0 0 6px rgba(255,139,148,.5))}}@keyframes colorizePattern10{0%{color:#ffffff80;opacity:.4}to{color:#ffd93d;opacity:1;filter:drop-shadow(0 0 8px rgba(255,217,61,.8))}}@keyframes colorizePattern11{0%{color:#ffffff80;opacity:.4}to{color:#6c5ce7;opacity:1;filter:drop-shadow(0 0 6px rgba(108,92,231,.6))}}@keyframes colorizePattern12{0%{color:#ffffff80;opacity:.4}to{color:#6c5ce7;opacity:1;filter:drop-shadow(0 0 6px rgba(108,92,231,.6))}}@keyframes colorizePattern13{0%{color:#ffffff80;opacity:.4}to{color:#6c5ce7;opacity:1;filter:drop-shadow(0 0 6px rgba(108,92,231,.6))}}@keyframes colorizePattern14{0%{color:#ffffff80;opacity:.4}to{color:#6c5ce7;opacity:1;filter:drop-shadow(0 0 6px rgba(108,92,231,.6))}}.coming-soon{font-size:1.5rem;margin-top:3rem;font-weight:400;letter-spacing:.02em;color:#fffffff2;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;opacity:0;animation:fadeInUp 1.2s ease-out 16s forwards;text-shadow:0 2px 20px rgba(0,0,0,.15)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px)and (max-width:1024px){.title{font-size:3.5rem;margin-bottom:2.5rem}.badge{width:280px;height:280px}.badge-container{margin:3rem 0}.coming-soon{font-size:1.4rem;margin-top:2.5rem}}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.title{font-size:3rem}.badge{width:260px;height:260px}}@media(max-width:767px){.app{padding:1.5rem}.title{font-size:2.5rem;margin-bottom:2rem}.badge{width:250px;height:250px}.badge-container{margin:3rem 0;padding:1.5rem}.coming-soon{font-size:1.2rem;margin-top:2rem}}@media(max-width:896px)and (orientation:landscape){.app{padding:1rem}.title{font-size:2rem;margin-bottom:1.5rem}.badge{width:200px;height:200px}.badge-container{margin:2rem 0;padding:1rem}.coming-soon{font-size:1rem;margin-top:1.5rem}}@media(max-width:480px){.app{padding:1rem}.title{font-size:2rem;margin-bottom:1.5rem}.badge{width:220px;height:220px}.badge-container{margin:2rem 0;padding:1rem}.coming-soon{font-size:1rem;margin-top:1.5rem;padding:0 1rem}}@media(max-width:375px){.title{font-size:1.75rem}.badge{width:200px;height:200px}.coming-soon{font-size:.9rem}}