.guard-icon-login{margin-top:15px;height:55px;width:55px}#choose-resource-root{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background:linear-gradient(-45deg,#1a1a1a,#242424,#1a1a1a,#0f4c9c);background-size:400% 400%;animation:gradientBG 10s ease infinite}.choose-header p{font-size:1.3rem;color:#aaa;margin-bottom:30px}.choose-header h1{font-size:2.5rem;color:#61dafb;text-shadow:0px 3px 10px rgba(0,123,255,.8);animation:fadeIn 1.5s ease-out forwards}.choose-header p{font-size:1.3rem;color:#fff;margin-bottom:30px}.cards-container{display:flex;justify-content:space-between;gap:40px;margin-top:70px;width:100%;height:100%;max-width:1100px;background:none;border:none;box-shadow:none}.resource-card{width:108%;background:#1e1e1e;color:#fff;padding:30px;border-radius:15px;text-align:center;cursor:pointer;box-shadow:0 6px 12px #0000004d;transition:transform .3s ease,box-shadow .3s ease;animation:cardEnter 1.5s ease-out forwards}.resource-card h3{font-size:1.8rem;margin-bottom:15px;color:#61dafb}.resource-card p{font-size:1.1rem;color:#fff}.resource-card:hover{transform:scale(1.05);box-shadow:0 8px 15px #007bff4d}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEnter{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.card-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center}.resource-card .card-header h3{display:flex;align-items:center;justify-content:center;gap:20px;font-size:1.8rem;color:#61dafb;margin:0}.resource-card .card-header h3 i{font-size:1.8rem;color:#61dafb}.resource-card .card-header{display:flex;justify-content:space-between;align-items:center}.resource-card i{font-size:2rem;color:#61dafb}.header-with-icon{display:flex;align-items:center;justify-content:center;gap:10px}.pharmaguard-text{margin-right:5px}.guard-icon{width:55px;height:55px;vertical-align:middle;margin-top:5px}.no-underline:after{display:none}@keyframes iconBounceSpin{0%{opacity:0;transform:rotate(0) translateY(-50px)}50%{opacity:1;transform:rotate(180deg) translateY(0)}to{transform:rotate(360deg)}}.guard-icon{animation:iconBounceSpin 2s ease-out forwards;animation-delay:0s}.choose-header h1 span{display:inline-block;opacity:0;animation:wave 1.5s ease-out forwards}@keyframes wave{0%{opacity:0;transform:translateY(20px) rotate(10deg)}50%{opacity:.5;transform:translateY(-5px) rotate(-5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.choose-header h1 span:nth-child(1){animation-delay:.3s}.choose-header h1 span:nth-child(2){animation-delay:.5s}.choose-header h1 span:nth-child(3){animation-delay:.7s}.choose-footer{text-align:center;margin-top:70px;font-size:.9rem;color:#aaa;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.choose-footer .user-info .logout-circle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#0f4c9c,#1e1e1e);border:none;box-shadow:0 4px 6px #0000004d;cursor:pointer;transition:all .3s ease}.choose-footer .user-info .logout-circle:hover{background:radial-gradient(circle,#1e1e1e,#0f4c9c);box-shadow:0 8px 15px #007bff66;transform:scale(1.1)}.choose-footer .user-info .logout-circle i{font-size:1.2rem;color:#61dafb;transition:color .3s ease}.choose-footer .user-info .logout-circle:hover i{color:#fff}.choose-footer .user-info .logout-circle:hover:after{content:"Logout";position:absolute;top:-35px;left:50%;transform:translate(-50%);background:#1e1e1e;color:#fff;font-size:.8rem;padding:5px 10px;border-radius:5px;box-shadow:0 4px 6px #0003;white-space:nowrap;z-index:10}.choose-footer .user-info ul{display:none;position:absolute;background:#1e1e1e;padding:10px;list-style:none;border-radius:5px;margin-top:5px;box-shadow:0 4px 6px #0003}.choose-footer .user-info:hover ul{display:block}.choose-footer .user-info ul li{color:#fff;padding:5px 10px;cursor:pointer}.choose-footer .user-info ul li:hover{background:#444}.drug-search-root{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;background:linear-gradient(135deg,#0f172a,#1e293b);color:#f8fafc;font-family:Inter,sans-serif;padding:20px;box-sizing:border-box;background:none;margin-bottom:70px}.drug-search-header{color:#61dafb;text-shadow:0 0 10px rgba(0,123,255,.8);font-size:3.5rem;font-weight:700;text-align:center;margin-bottom:20px;text-decoration:none!important;border-bottom:none!important;position:relative;transform:translateY(-20px);animation:fadeSlideDown 1.5s ease-out forwards}.drug-search-header:before,.drug-search-header:after{content:none!important}.drug-search-header:hover{color:#61dafb;text-shadow:0 0 15px rgba(0,123,255,1);text-decoration:none!important}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.drug-search-header h1{font-size:4rem!important;font-weight:700;background:linear-gradient(90deg,#4fc3f7,#1de9b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-align:center;margin-bottom:20px;text-shadow:0 5px 15px rgba(0,0,0,.4);animation:pulse 3s infinite}@keyframes pulse{0%,to{transform:scale(1);text-shadow:0 5px 15px rgba(0,0,0,.4)}50%{transform:scale(1.05);text-shadow:0 10px 20px rgba(0,0,0,.6)}}.drug-search-header h1:hover{transform:scale(1.05);text-shadow:0 6px 15px rgba(0,123,255,.6)}.drug-search-header p{font-size:1.2rem;color:#94a3b8;margin-top:5px}.risk-indicator-text{margin-top:10px;width:100%;font-size:23px;color:#f5f5f5;text-align:center;line-height:1.5;transform:translateY(10px);animation:fadeIn 1s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.search-container{display:flex;gap:15px;margin:30px 0;padding:15px;background:#ffffff1a;border-radius:15px;box-shadow:0 5px 15px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity 1.5s ease,transform 1.5s ease}.search-container.hide{opacity:0;transform:scale(.8)}.search-container input{padding:12px;font-size:1rem;color:#f8fafc;background:#ffffff1a;border:2px solid transparent;border-radius:12px;width:300px;transition:box-shadow .3s ease,border-color .3s ease}.search-container input:focus{outline:none;border-color:#61dafb;box-shadow:0 0 10px #61dafb80}.search-container input::placeholder{color:#94a3b8}.search-icon-container{font-size:3rem;color:#007bff;cursor:pointer;transition:transform .3s ease,color .3s ease;text-align:center;margin-top:2rem;animation:heartbeat 1.5s infinite,glow 1.5s infinite}@keyframes heartbeat{0%{transform:scale(1)}30%{transform:scale(1.2)}60%{transform:scale(1)}to{transform:scale(1)}}@keyframes glow{0%{text-shadow:0 0 10px rgba(0,123,255,.8)}50%{text-shadow:0 0 20px rgba(0,123,255,1)}to{text-shadow:0 0 10px rgba(0,123,255,.8)}}.search-icon-container:hover{transform:scale(1.1);color:#1de9b6}.search-container{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:2rem;animation:fadeIn 1.5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.search-container button{padding:12px 24px;font-size:1rem;background:linear-gradient(90deg,#61dafb);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 10px #0003}.search-container button:hover{transform:scale(1.05);box-shadow:0 8px 15px #0000004d;background:linear-gradient(90deg,#0056b3,#004085)}.stanford-results-container,.ai-fallback-container{display:flex;justify-content:center;align-items:flex-start;gap:3rem;margin-top:2rem;flex-wrap:wrap}.flip-card{width:350px;height:350px;margin:10px;perspective:1000px;background:#1e1e1e;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;animation:fadeSlideIn 1s ease-out forwards}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flip-card-title{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:1rem}.flip-card-icon{width:24px;height:24px;object-fit:contain}.flip-card:not(.flipped){box-shadow:0 4px 15px #000000b3}.flip-card:hover:not(.flipped){transform:translateY(-10px);box-shadow:0 0 10px #007bffb3}.flip-card.flipped{border:2px solid transparent}div.flip-card.flipped[data-border=unlikely]:hover{border-color:green!important;box-shadow:0 0 10px #00ff0080,0 0 20px #00ff0080!important}div.flip-card.flipped[data-border=likely]:hover{border-color:#ff0!important;box-shadow:0 0 10px #ffff0080,0 0 20px #ffff0080!important}div.flip-card.flipped[data-border=most-likely]:hover{border-color:red!important;box-shadow:0 0 10px #ff000080,0 0 20px #ff000080!important}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s ease-in-out}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;backface-visibility:hidden;padding:10px;text-align:center}.flip-card-front{background:#1e1e1e;color:#fff}.flip-card-back{background:#1e1e1e;color:#cfd9df;transform:rotateY(180deg);overflow:hidden}.events-container{max-height:130px;overflow-y:auto;overflow-x:auto;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.events-container::-webkit-scrollbar{width:6px;height:5px}.events-container::-webkit-scrollbar-thumb{background:#61dafb;border-radius:3px;transition:background .3s ease,transform .2s ease}.events-container::-webkit-scrollbar-thumb:hover{background:#fffc;transform:scale(1.2)}.events-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.events-container::-webkit-scrollbar-track:horizontal{margin-left:15px;margin-right:15px}.events-container::-webkit-scrollbar-thumb:horizontal{background:#61dafb;border-radius:3px;transition:background .3s ease,transform .2s ease}.events-container::-webkit-scrollbar-thumb:horizontal:hover{background:#fffc;transform:scale(1.1)}.events-container::-webkit-scrollbar-track:horizontal{margin-left:20px;margin-right:20px}.flip-card p{color:#fff;font-size:1rem;margin:.5rem 0;text-align:center}.flip-card h2{font-size:30px;text-align:center;margin-top:-30px;color:#61dafb}.flip-card-back h2{padding-left:20px}.severity-low{color:#0f0c}.severity-medium{border-color:#ff0;color:#ff0}.severity-high{border-color:red;color:red}.severity-default{border-color:gray;color:gray}.severity-badge{font-size:.8rem;margin-left:10px}.flip-card-instruction{font-size:.9rem;color:#fff}.event-item{outline:none;list-style-type:none;text-transform:capitalize;transition:transform .3s ease,color .3s ease;transform-origin:center}.event-item:hover{outline:none;cursor:none;position:relative;transform:scale(1.2) translateZ(10px) rotateX(-5deg)}.events-container{perspective:1000px}.event-item:focus{outline:none}.event-item.severity-low{color:#0f0c}.event-item.severity-medium{color:#ff0}.event-item.severity-high{color:red}.no-events{color:#fff;font-size:.9rem}.flip-card-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.7rem;color:#61dafb}.flip-card-front h2{font-size:1.8rem;width:100%}.category-icon{margin-left:.5rem;font-size:1.7rem;color:#61dafb}.flip-card-front p.drug-combination{font-size:1.2rem;font-weight:500;text-transform:none;color:#fff;margin-top:.5rem}.flip-card-front .flip-card-instruction{margin-top:70px}.category-icon.unlikely{color:#0f0c}.category-icon.likely{color:#ff0}.category-icon.most-likely{color:red}.choose-footer{text-align:center;margin-top:70px;font-size:.9rem;color:#aaa;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);width:100%}.choose-footer .user-info{display:flex;align-items:center;justify-content:center;gap:15px;font-size:1.2rem;color:#61dafb;cursor:pointer}.choose-footer .user-info .logout-circle{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,#0f4c9c,#1e1e1e);box-shadow:0 4px 6px #0000004d;transition:all .3s ease}.choose-footer .user-info .logout-circle:hover{background:radial-gradient(circle,#1e1e1e,#0f4c9c);transform:scale(1.1)}.choose-footer .user-info .logout-circle:active{transform:scale(.95);box-shadow:0 4px 6px #0003}.choose-footer .user-info .logout-circle i{font-size:1.2rem;color:#61dafb}.loader{animation:rotate 1s infinite;height:50px;width:50px;position:relative;margin:20px auto}.loader:before,.loader:after{border-radius:50%;content:"";display:block;height:20px;width:20px}.loader:before{animation:ball1 1s infinite;background-color:#cb2025;box-shadow:30px 0 #f8b334;margin-bottom:10px}.loader:after{animation:ball2 1s infinite;background-color:#00a096;box-shadow:30px 0 #97bf0d}@keyframes rotate{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 #f8b334}50%{box-shadow:0 0 #f8b334;margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 #f8b334;margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 #97bf0d}50%{box-shadow:0 0 #97bf0d;margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 #97bf0d;margin-top:0}}.ai-fallback-container .ai-explanation-card .flip-card-back p{pointer-events:none!important;transform:none!important;transition:none!important;opacity:1!important;position:static!important;text-shadow:none!important;color:#fff}.ai-fallback-container .ai-explanation-card:hover{transform:none!important;box-shadow:none!important}.ai-fallback-container .ai-explanation-card .event-item:hover{transform:none!important;cursor:default!important;position:static!important}.ai-fallback-container .ai-explanation-card .severity-low{color:#fff}.ai-fallback-container .ai-explanation-card .severity-badge{display:none}.ai-fallback-container .ai-explanation-card .severity-low:last-child{margin-top:20px;text-shadow:white,white,white;color:#fff;font-weight:700;animation:glowEffect 2s infinite alternate}@keyframes glowEffect{0%{text-shadow:white,white,white}to{text-shadow:white,white,white}}.category-icon.ai-explanation{color:#61dafb;font-size:1.8rem;position:relative;top:-2px}.fda-card{border:10px solid #007bff;background:linear-gradient(to bottom,#eaf4ff,#d0e8ff)}.fda-card.flipped{transform:scale(1.1) rotateY(180deg)}.fda-card .flip-card-back{overflow-y:auto;max-height:400px}.fda-card .flip-card-front{text-align:center;font-weight:700}.fda-results-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:30px;background-color:#0f172a;padding:20px;box-sizing:border-box;border-radius:10px}.fda-results-heading{font-size:1.8rem;font-weight:700;color:#61dafb;text-align:center;margin-bottom:20px}.fda-results-container{width:90%;max-height:500px;overflow-x:auto;overflow-y:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:15px;padding:10px;border:1px solid #3b82f6;background-color:#1e293b;border-radius:10px}.fda-results-container::-webkit-scrollbar{width:8px;height:8px}.fda-results-container::-webkit-scrollbar-thumb{background:#61dafb;border-radius:4px}.fda-results-container::-webkit-scrollbar-track{background:#ffffff1a}.fda-margin-top{margin-top:100px}.fda-search-icon-wrapper{margin-bottom:30px}.fda-flipcards-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;transition:transform 1.2s ease,opacity 1.2s ease}.fda-header{margin-top:50px}.fda-flipcard{background:#1e1e2f;color:#fff;width:300px!important;height:400px;border:1px solid #3b82f6;border-radius:10px;overflow:hidden;cursor:pointer;transform:scale(1);transition:transform .4s ease,opacity .4s ease;opacity:1}.fda-flipcard.active{width:1000px!important;height:900px;transform:scale(1.2);z-index:10;transition:transform .4s ease,opacity .4s ease}.fda-flipcard:not(.active){transform:scale(1);opacity:.9;transition:transform .4s ease,opacity .4s ease}.fda-flipcard-front,.fda-flipcard-back{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center;transition:transform 1.6s ease}.fda-flipcard-back{background:#111;color:#fff;position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;padding:15px;overflow-y:auto}.fda-flipcard-content p{margin:10px 0;transform:translateY(20px)}.fda-close-btn{background:#3b82f6;color:#fff;border:none;border-radius:5px;padding:5px 10px;cursor:pointer;margin-top:10px}.fda-root{display:flex;flex-direction:column;align-items:center;padding:20px;min-height:100vh;background-color:#101010}.fda-header{text-align:center;margin-bottom:20px}.fda-drug-search-header{color:#61dafb;font-size:2.5rem;text-shadow:0 0 10px rgba(97,218,251,.8);margin-bottom:10px}.fda-paragraph{color:#b0c4de;font-size:1.2rem;max-width:800px;line-height:1.6;margin-bottom:20px}.fda-search-bar{display:flex;gap:10px;margin-bottom:20px}.fda-search-bar input{padding:10px;font-size:1rem;border:2px solid #61dafb;border-radius:5px;outline:none;width:300px;background:#fff}.fda-search-bar button{padding:10px 20px;background:#61dafb;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:1rem}.fda-results{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;width:100%}.fda-cards-scroll-container{width:90%;max-height:500px;overflow-x:auto;overflow-y:auto;border:1px solid #3b82f6;padding:10px;margin-top:20px;background-color:#1e1e2f}.fda-cards-scroll-container::-webkit-scrollbar{width:8px;height:8px}.fda-cards-scroll-container::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:4px}.fda-cards-scroll-container::-webkit-scrollbar-thumb:hover{background:#2563eb}.fda-flipcards-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;position:relative;padding:20px}.fda-flipcard{width:150px;height:200px;background-color:#1e293b;border-radius:10px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:10px;transition:all .3s ease;position:relative;z-index:1;cursor:pointer}.fda-flipcard.active{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:500px;z-index:100;background-color:#334155;box-shadow:0 8px 16px #00000080}.fda-flipcard-front{font-size:1rem;font-weight:700;color:#f3f4f6;text-align:center;position:relative}.fda-flipcard-back{font-size:.9rem;color:#f3f4f6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.fda-flipcard-content{margin-top:10px;font-size:.85rem}.fda-close-btn{margin-top:15px;padding:5px 10px;border:none;border-radius:5px;background-color:#61dafb;color:#1e293b;font-weight:700;cursor:pointer;transition:background-color .3s ease}.fda-close-btn:hover{background-color:#3b82f6}.fda-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:99}.fda-flipcard-back h3{display:block;margin-top:-10px;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:none;outline:none;box-shadow:none;padding:0;font-size:2rem;color:#61dafb}.fda-flipcard-content p{margin-top:-40px;font-size:1.4rem;color:#f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fda-flipcard p{font-size:1.3rem;color:#fff;text-shadow:0px 0px 2px rgba(255,255,255,.6)}:root{flex:1;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;width:100%;margin:0;padding:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(-45deg,#0f4c9c,#242424,#1a1a1a,#0f4c9c);background-size:400% 400%;animation:gradientBG 10s ease infinite}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:3.2em;line-height:1.1}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.read-the-docs{color:#888}button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease}button:hover{background-color:#0056b3;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 15px #0003}button:active{background-color:#004085;transform:translateY(1px) scale(.98);box-shadow:0 4px 6px #0000001a}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}form{display:flex;flex-direction:column;align-items:center;max-width:400px;margin:0 auto;background-color:#1e1e1e;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}form label{font-size:1.2rem;margin-bottom:5px;color:#fff;text-align:left;width:100%}form input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #555;border-radius:5px;background-color:#2a2a2a;color:#fff}form button{margin-top:10px}form input:hover,form input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bffcc;background-color:#2d2d2d}button.primary{background-color:#007bff}button.secondary{background-color:#6c757d}button.secondary:hover{background-color:#5a6268;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 15px #0003}button.secondary:active{background-color:#4e555b;transform:translateY(1px) scale(.98)}h1{font-size:3rem;margin-bottom:10px;color:#fff;position:relative;transition:color .3s ease}h1:hover{color:#61dafb}h1:after{content:"";position:absolute;width:0;height:3px;background-color:#61dafb;bottom:-5px;left:0;transition:width .3s ease}h1:hover:after{width:100%}p{font-size:1.2rem;color:#888}footer{margin-top:30px;text-align:center;font-size:.9rem;color:#aaa;border-top:2px solid;border-image:linear-gradient(to right,#61dafb,#007bff) 1;padding-top:10px}.footer-icon{display:inline-block;transition:transform .3s ease,color .3s ease}.footer-icon:hover{transform:scale(1.2);color:#751a12;text-shadow:0 0 10px rgba(255,111,97,.6)}.spinner{width:20px;height:20px;border:3px solid transparent;border-top:3px solid #ffffff;border-radius:50%;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button[disabled]{background-color:#6c757d;cursor:not-allowed;opacity:.7}@keyframes shake{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(0)}}.error-shake{animation:shake .3s ease;opacity:1}