@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--primary-color: #1976d2;--secondary-color: #ff9800;--accent-color: #4caf50;--text-primary: #213547;--text-secondary: #666;--background-light: #f8f9fa;--background-white: #ffffff;color-scheme:light;color:var(--text-primary);background-color:var(--background-white);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;font-family:Roboto,sans-serif;background-color:var(--background-white);color:var(--text-primary);overflow-x:hidden}a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--secondary-color)}h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem}p{line-height:1.6;margin-bottom:1rem}.container{max-width:1200px;padding:0 16px}.text-left{text-align:left}.text-right{text-align:right}@media (max-width: 768px){.container{padding:0 16px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}}@media (max-width: 480px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;scroll-behavior:smooth}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1}.text-center{text-align:center}.text-justify{text-align:justify}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideUp .8s ease-out}.bounce-in{animation:bounceIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 12px 25px #00000026;transition:all .3s ease}.hover-scale:hover{transform:scale(1.05);transition:transform .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#1976d2;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#1565c0}img{max-width:100%;height:auto}button:focus,a:focus{outline:2px solid #1976d2;outline-offset:2px}@media (max-width: 768px){body{font-size:14px}.container{padding:0 16px}}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;overflow:hidden}.loader-content{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.paint-shop-loader{position:relative;width:200px;height:150px;margin-bottom:2rem}.paint-can{position:absolute;left:20px;top:20px;width:60px;height:80px;animation:paintCanRock 3s ease-in-out infinite}.paint-can-lid{width:65px;height:8px;background:linear-gradient(145deg,#555,#333);border-radius:50px;position:relative;left:-2.5px;box-shadow:0 2px 5px #0000004d}.paint-can-body{width:60px;height:72px;background:linear-gradient(145deg,#e0e0e0,#bdbdbd);border-radius:0 0 8px 8px;position:relative;overflow:hidden;box-shadow:0 4px 8px #0003}.paint-level{position:absolute;bottom:0;left:0;right:0;height:50px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4);background-size:400% 400%;animation:paintLevelMove 2s ease-in-out infinite}.paint-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#333;letter-spacing:.5px}.paint-spill-stream{position:absolute;top:70px;left:45px;width:4px;height:30px;background:linear-gradient(180deg,#ff6b6b,#4ecdc4);border-radius:2px;animation:paintSpill 2s ease-in-out infinite}.paint-brush{position:absolute;right:10px;top:10px;transform:rotate(-30deg);animation:brushPaint 4s ease-in-out infinite}.brush-handle{width:8px;height:60px;background:linear-gradient(145deg,#8b4513,#654321);border-radius:4px;position:relative}.brush-ferrule{width:12px;height:15px;background:linear-gradient(145deg,silver,gray);border-radius:2px;position:relative;left:-2px;top:-2px}.brush-bristles{position:relative;left:1px;top:-4px}.bristle{width:2px;height:20px;background:wheat;border-radius:1px;position:absolute;animation:bristleMove 2s ease-in-out infinite}.bristle:nth-child(1){left:2px;animation-delay:0s}.bristle:nth-child(2){left:4px;animation-delay:.2s}.bristle:nth-child(3){left:6px;animation-delay:.4s}.bristle:nth-child(4){left:8px;animation-delay:.6s}.bristle:nth-child(5){left:10px;animation-delay:.8s}.paint-drop{position:absolute;width:6px;height:8px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);animation:paintDrop 3s ease-in-out infinite}.paint-drop-1{background:#ff6b6b;left:12px;top:25px;animation-delay:0s}.paint-drop-2{background:#4ecdc4;left:8px;top:35px;animation-delay:1s}.paint-drop-3{background:#45b7d1;left:15px;top:45px;animation-delay:2s}.paint-splash{position:absolute;border-radius:50%;animation:paintSplash 4s ease-in-out infinite}.splash-1{width:12px;height:12px;background:#ff6b6b;left:60px;bottom:10px;animation-delay:.5s}.splash-2{width:8px;height:8px;background:#4ecdc4;left:80px;bottom:5px;animation-delay:1.5s}.splash-3{width:10px;height:10px;background:#45b7d1;left:140px;bottom:15px;animation-delay:2.5s}.splash-4{width:6px;height:6px;background:#96ceb4;left:160px;bottom:8px;animation-delay:3.5s}.color-palette{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;gap:8px}.color-dot{width:20px;height:20px;border-radius:50%;border:2px solid white;box-shadow:0 2px 4px #0003;animation:colorPulse 2s ease-in-out infinite}.color-red{background:#ff6b6b;animation-delay:0s}.color-blue{background:#4ecdc4;animation-delay:.2s}.color-green{background:#45b7d1;animation-delay:.4s}.color-yellow{background:#feca57;animation-delay:.6s}.color-purple{background:#a55eea;animation-delay:.8s}.loader-text{animation:fadeInUp 1s ease-out .5s both}.loader-title{color:#fff!important;font-weight:700!important;margin-bottom:.5rem!important;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.loader-subtitle{color:#fffc!important;font-style:italic;margin-bottom:1rem!important}.loading-dots{display:flex;gap:4px;justify-content:center}.loading-dots span{width:8px;height:8px;background:#fffc;border-radius:50%;animation:loadingDots 1.4s ease-in-out infinite both}.loading-dots span:nth-child(1){animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}.loading-dots span:nth-child(3){animation-delay:0s}@keyframes paintCanRock{0%,to{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-2deg)}}@keyframes paintLevelMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes paintSpill{0%{opacity:0;height:0}50%{opacity:1;height:30px}to{opacity:0;height:30px}}@keyframes brushPaint{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(-25deg) translateY(-5px)}}@keyframes bristleMove{0%,to{transform:scaleY(1)}50%{transform:scaleY(.8)}}@keyframes paintDrop{0%{opacity:0;transform:rotate(-45deg) translateY(0)}30%{opacity:1}to{opacity:0;transform:rotate(-45deg) translateY(20px)}}@keyframes paintSplash{0%,90%{transform:scale(0);opacity:0}95%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes colorPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes loadingDots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width: 768px){.paint-shop-loader{width:150px;height:120px}.paint-can{width:45px;height:60px}.paint-can-lid{width:48px;height:6px}.paint-can-body{width:45px;height:54px}.color-dot{width:15px;height:15px}.loader-title{font-size:1.5rem!important}.loader-subtitle{font-size:.9rem!important}}