:root{--primary-color: #dc3545;--dark-color: #333333;--light-color: #f4f4f4;--danger-color: #dc3545;--success-color: #28a745}*{margin:0;padding:0;box-sizing:border-box}html{font-family:Arial,Helvetica,sans-serif}body{min-height:100vh;margin:0;display:flex;flex-direction:column}#main-content{flex:1 0 auto;display:flex;flex-direction:column;min-height:100vh}.App{display:flex;flex-direction:column;min-height:100vh}a{color:var(--primary-color);text-decoration:none}a:hover{color:#666}ul{list-style:none}img{width:100%}.container{width:90%;max-width:1100px;margin:auto;overflow:hidden;flex:1 0 auto;padding-bottom:2rem;padding-top:2rem;padding-left:0;padding-right:0}.x-large{font-size:4rem;line-height:1.2;margin-bottom:1rem}.large{font-size:3rem;line-height:1.2;margin-bottom:1rem}.medium{font-size:2.5rem;line-height:1.2;margin-bottom:1rem}.lead{font-size:1.5rem;margin-bottom:1rem}.text-primary{color:var(--primary-color)}.text-dark{color:var(--dark-color)}.text-success{color:var(--success-color)}.text-danger{color:var(--danger-color)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.all-center{display:flex;flex-direction:column;width:100%;margin:auto;justify-content:center;align-items:center;text-align:center}.card{padding:1rem;border:#ccc 1px dotted;margin:.7rem 0}.list{margin:.5rem 0}.list li{padding-bottom:.3rem}.p{padding:.5rem}.p-1{padding:1rem}.p-2{padding:2rem}.p-3{padding:3rem}.py{padding:.5rem 0}.py-1{padding:1rem 0}.py-2{padding:2rem 0}.py-3{padding:3rem 0}.m{margin:.5rem}.m-1{margin:1rem}.m-2{margin:2rem}.m-3{margin:3rem}.my{margin:.5rem 0}.my-1{margin:1rem 0}.my-2{margin:2rem 0}.my-3{margin:3rem 0}.grid-default{display:grid;grid-template-columns:1fr;grid-gap:1rem}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem}.btn{display:inline-block;background:var(--light-color);color:#333;padding:.4rem 1.3rem;font-size:1rem;border:none;cursor:pointer;margin-right:.5rem;transition:opacity .2s ease-in;outline:none;-webkit-transition:opacity .2s ease-in;-moz-transition:opacity .2s ease-in;-ms-transition:opacity .2s ease-in;-o-transition:opacity .2s ease-in}.btn-link{background:none;padding:0;margin:0}.btn-block{display:block;width:100%}.btn-sm{font-size:.8rem;padding:.3rem 1rem;margin-right:.2rem}.badge{display:inline-block;font-size:.8rem;padding:.2rem .7rem;text-align:center;margin:.3rem;background:var(--light-color);color:#333;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.alert{padding:.7rem;margin:1rem 0;opacity:.9;background:var(--light-color);color:#333}.btn-primary,.bg-primary,.badge-primary,.alert-primary{background:var(--primary-color);color:#fff}.btn-light,.bg-light,.badge-light,.alert-light{background:var(--light-color);color:#333}.btn-dark,.bg-dark,.badge-dark,.alert-dark{background:var(--dark-color);color:#fff}.btn-danger,.bg-danger,.badge-danger,.alert-danger{background:var(--danger-color);color:#fff}.btn-success,.bg-success,.badge-success,.alert-success{background:var(--success-color);color:#fff}.btn-white,.bg-white,.badge-white,.alert-white{background:#fff;color:#333;border:#ccc solid 1px}.btn:hover{opacity:.8}.bg-light,.badge-light{border:#ccc solid 1px}.round-img{border-radius:50%}input{margin:1.2rem 0}.form-text{display:block;margin-top:.3rem;color:#888}input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{display:block;width:100%;padding:.7rem;font-size:1.1rem;border:1px solid #ccc}input[type=submit],button{font:inherit}table th,table td{padding:1rem;text-align:left}table th{background:var(--light-color)}@media (max-width: 700px){.hide-sm{display:none}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.x-large{font-size:2.5rem}.large{font-size:1.6rem}.medium{font-size:1.4rem}.lead{font-size:1rem}}.navbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:.7rem 2rem;z-index:1;opacity:.9;margin-bottom:1rem;background:#dc3545;box-shadow:0 2px 4px #0000001a}.navbar .brand{display:flex;align-items:center;gap:.5rem;color:#fff;font-size:1.5rem;transition:transform .3s ease}.navbar .brand:hover{transform:scale(1.05);color:#fff}.navbar .brand-icon{font-size:1.8rem}.navbar ul{display:flex}.navbar ul li a{display:flex;align-items:center;gap:1.5rem;padding:.5rem 1rem;border-radius:4px;transition:all .3s ease;color:#fff}.navbar ul li a:hover{background:#ffffff1a;color:#fff}.navbar ul li a.active{background:#fff3;color:#fff;font-weight:500}.navbar .welcome span{margin-right:.6rem}@media (max-width: 700px){.navbar ul li a span{display:none}.navbar ul li a{font-size:1.2rem;padding:.5rem}}@media (max-width: 500px){.brand-text{display:none}}.home-header{padding:2rem 0}.search-container{border-radius:8px;box-shadow:0 2px 4px #0000001a}.quick-tips{border-radius:8px;border-left:4px solid var(--primary-color)}.quick-tips ul{padding-left:1.5rem}.quick-tips li{margin:.5rem 0;color:#666}.search-input{outline-color:#dc3545;padding:.4rem}.search-button,.clear-button{padding:10px 20px}.spinner-image{width:200px;margin:auto;display:block}.about-section{line-height:1.5;min-height:81.8vh;display:flex;flex-direction:column;gap:1.5rem;padding-bottom:2rem}@media (max-width: 700px){.about-section{min-height:auto;padding:1rem 0 2rem}}.not-found-container{min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}.not-found-content{max-width:600px;animation:fadeIn .5s ease-in}.not-found-content h1{font-size:8rem;font-weight:700;margin:0;background:linear-gradient(45deg,#333,#dc3545);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.not-found-content .zero{display:inline-block;animation:rotate 4s infinite linear;background:#dc3545;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:#dc3545}.not-found-content h2{font-size:2rem;color:#333;margin:1rem 0}.not-found-content p{font-size:1.2rem;color:#333;margin-bottom:2rem}.home-button{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background-color:#dc3545;color:#fff;text-decoration:none;border-radius:25px;transition:all .3s ease}.home-button:hover{background-color:#333;transform:translateY(-2px);box-shadow:0 4px 8px #dc354533}.home-icon{font-size:1.2rem}@keyframes rotate{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.not-found-content h1{font-size:4.5rem}.not-found-content h2{font-size:1.4rem}.not-found-content p{font-size:1rem}}.footer{flex-shrink:0;color:#fff;background-color:var(--primary-color);padding:3rem 0 1.5rem;text-align:center;line-height:1.5;margin-top:auto;box-shadow:0 -2px 10px #0000001a}.footer-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;padding:0 2rem;gap:4rem}.footer-section{flex:1;text-align:left}.footer-section h4{font-size:1.4rem;margin-bottom:1.2rem;position:relative;padding-bottom:.8rem;font-weight:600;letter-spacing:.5px}.footer-section h4:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:#fff9;border-radius:2px}.footer-section p{line-height:1.8;color:#ffffffe6;font-size:1rem}.social-links{display:flex;gap:1.5rem;margin-top:1.5rem}.social-link{color:#fff;font-size:1.8rem;transition:all .3s ease;padding:4px;border-radius:50%;background:#ffffff1a;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}.social-link:hover{transform:translateY(-4px);color:#fff;background:#fff3;box-shadow:0 4px 8px #0003}.footer-bottom{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.2)}.footer-bottom p{color:#ffffffe6;font-size:.95rem}.footer-link{color:#fff;font-weight:600;transition:all .3s ease;padding:0 4px}.footer-link:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{flex-direction:column;text-align:center;gap:2rem}.footer-section{text-align:center}.footer-section h4:after{left:50%;transform:translate(-50%)}.social-links{justify-content:center;margin-top:1rem}.footer-bottom{margin-top:2rem}}