body{font-family:'Comic Neue',cursive;background:linear-gradient(-45deg,#f09819,#ff5858,#c471ed,#12c2e9);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;color:#fff;opacity:0;transition:opacity 1s ease-in-out;overflow-x:hidden;padding-bottom:70px}body.loaded{opacity:1}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#rainCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}#clock-container{position:fixed;top:10px;right:10px;z-index:10}#clock{width:100px;height:100px;opacity:.9}h1,h2,h3,h4,h5{font-family:'Bangers',cursive;letter-spacing:2px;text-shadow:2px 2px 0 #000000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}h1{font-size:4rem}#typing-text{font-family:'Bangers',cursive;letter-spacing:1.5px;font-size:1.75rem;display:inline-block;text-shadow:2px 2px 0 #000000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.profile-pic-comic{border:4px solid black!important;box-shadow:5px 5px 0 0 rgb(0 0 0)}.content-panel{background-color:rgb(255 255 255 / .1);border:3px solid #000;box-shadow:4px 4px 0 #000;border-radius:15px}.social-media{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:50}.social-media a{display:block;margin:10px 0;padding:8px;width:45px;text-align:center;transition:all 0.3s ease;color:#fff;background-color:#fff0;border:2px solid #000;border-left:none;border-radius:0 10px 10px 0;box-shadow:2px 2px 0 #000}.social-media a:hover{width:150px;background-color:rgb(0 0 0 / .2);border-color:#000;box-shadow:3px 3px 0 #000}.social-media a i{text-shadow:1px 1px 1px #000;font-size:1.25rem}.social-media a span{font-family:'Bangers',cursive;letter-spacing:1px;text-shadow:1px 1px 0 #000;margin-left:8px}.lightning-flash{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgb(255 255 180 / .9);opacity:0;z-index:100;transition:opacity 0.2s}.spinner{display:none;width:24px;height:24px;border:4px solid rgb(255 255 255 / .3);border-top:4px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}#getWetonInsightBtn .spinner,#chatWithAIBtn .spinner{border:4px solid rgb(0 0 0 / .2);border-top:4px solid #000}.modal-content .spinner{border:4px solid rgb(0 0 0 / .1);border-top:4px solid #333}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cursor{font-weight:700;animation:blink 1s step-end infinite;color:gold;text-shadow:none}@keyframes blink{from,to{opacity:0}50%{opacity:1}}.typing-cursor-modal{display:inline-block;animation:blinkModalCursor 0.8s step-end infinite;color:#333;font-weight:700}@keyframes blinkModalCursor{from,to{opacity:1}50%{opacity:0}}.btn-animated,#getWetonInsightBtn,#chatWithAIBtn{font-family:'Bangers',cursive;letter-spacing:1px;border:3px solid black!important;border-radius:8px!important;padding:10px 15px!important;text-shadow:none!important;box-shadow:3px 3px 0 #000!important;transition:transform 0.1s ease,box-shadow 0.1s ease,background-color 0.2s ease!important;font-size:1.1em!important;display:inline-flex;align-items:center;justify-content:center}.btn-animated:hover,#getWetonInsightBtn:hover,#chatWithAIBtn:hover{transform:translate(-2px,-2px)!important;box-shadow:5px 5px 0 #000!important}.btn-animated:active,#getWetonInsightBtn:active,#chatWithAIBtn:active{transform:translate(1px,1px)!important;box-shadow:1px 1px 0 #000!important}.btn-animated.python{background-color:#3776AB!important;color:white!important}.btn-animated.python:hover{background-color:#4c8fbf!important}.btn-animated.npm{background-color:#CB3837!important;color:white!important}.btn-animated.npm:hover{background-color:#d9534f!important}.btn-animated.rest{background-color:#8A2BE2!important;color:white!important}.btn-animated.rest:hover{background-color:#9b4fe6!important}.btn-animated.sdk{background-color:#4B0082!important;color:white!important}.btn-animated.sdk:hover{background-color:#6a0dad!important}#getWetonInsightBtn{background-color:#FFC107!important;color:black!important}#getWetonInsightBtn:hover{background-color:#FFD54F!important}#chatWithAIBtn{background-color:#4CAF50!important;color:white!important}#chatWithAIBtn:hover{background-color:#66BB6A!important}.date-container{border:3px solid #000;background-color:rgb(255 255 255 / .2);box-shadow:3px 3px 0 #000;color:#fff}.date-container:hover{background-color:rgb(255 255 255 / .4)}.date-container h4,.date-container h5{color:white!important}.date-container h5{font-family:'Comic Neue',cursive;letter-spacing:normal;font-size:.9rem;text-shadow:1px 1px 0 rgb(0 0 0 / .7)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fffacd;border:4px solid #000;box-shadow:6px 6px 0 #000;padding:1.5rem;border-radius:.5rem;max-width:90%;width:500px;text-align:center;position:relative;transform:scale(.9);opacity:0;transition:all 0.3s ease-out;color:#333;display:flex;flex-direction:column;max-height:80vh}.modal-content.show{transform:scale(1);opacity:1}.modal-content h3{color:#d9534f!important;text-shadow:1px 1px 0 #000000,-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.modal-text-content{color:#333333!important;font-family:'Comic Neue',cursive;text-shadow:none;line-height:1.6;min-height:50px;text-align:left;overflow-y:auto;padding-right:10px}.modal-content button.close-modal-btn{font-family:'Bangers',cursive;letter-spacing:1px;background-color:#E53935!important;color:white!important;border:3px solid black!important;border-radius:8px!important;padding:8px 16px!important;text-shadow:none!important;box-shadow:3px 3px 0 #000!important;transition:transform 0.1s ease,box-shadow 0.1s ease,background-color 0.2s ease!important;margin-top:1rem}.modal-content button.close-modal-btn:hover{background-color:#F44336!important;transform:translate(-2px,-2px)!important;box-shadow:5px 5px 0 #000!important}.modal-content button.close-modal-btn:active{background-color:#D32F2F!important;transform:translate(1px,1px)!important;box-shadow:1px 1px 0 #000!important}#aiChatModal .chat-history{flex-grow:1;overflow-y:auto;background-color:#e8e8e8;border:3px solid #555;box-shadow:inset 2px 2px 5px rgb(0 0 0 / .1);border-radius:6px;padding:10px;margin-bottom:10px;min-height:150px;text-align:left}.chat-message{margin-bottom:12px;padding:8px 12px;border-radius:15px;max-width:85%;word-wrap:break-word;font-family:'Comic Neue',cursive;position:relative;box-shadow:2px 2px 3px rgb(0 0 0 / .15)}.chat-message::before{content:"";position:absolute;bottom:0;width:0;height:0;border-style:solid}.chat-message.user{background-color:#81C784;color:#004D40;margin-left:auto;border-bottom-right-radius:5px}.chat-message.user::before{right:-8px;border-width:10px 0 0 15px;border-color:#fff0 #fff0 #fff0 #81C784}.chat-message.ai{background-color:#64B5F6;color:#0D47A1;margin-right:auto;border-bottom-left-radius:5px}.chat-message.ai::before{left:-8px;border-width:0 15px 10px 0;border-color:#fff0 #64B5F6 #fff0 #fff0}.chat-message strong{font-family:'Bangers',cursive;display:block;margin-bottom:4px;font-size:.95em;letter-spacing:.5px}#aiChatModal .chat-input-area{display:flex;gap:10px;align-items:center}#aiChatModal #aiChatMessage{flex-grow:1;padding:10px 14px;border:3px solid #000;border-radius:8px;font-family:'Comic Neue',cursive;font-size:1em;color:#333;box-shadow:2px 2px 0 #000;background-color:#fff}#aiChatModal #aiChatMessage:focus{outline:none;box-shadow:3px 3px 0 #1a73e8}#aiChatModal #sendChatMessageBtn{font-family:'Bangers',cursive;letter-spacing:1px;background-color:#2196F3!important;color:white!important;border:3px solid black!important;border-radius:8px!important;padding:10px 18px!important;text-shadow:none!important;box-shadow:2px 2px 0 #000!important}#aiChatModal #sendChatMessageBtn:hover{background-color:#42A5F5!important;transform:translate(-1px,-1px)!important;box-shadow:3px 3px 0 #000!important}#aiChatModal #sendChatMessageBtn:disabled{background-color:#9E9E9E!important;cursor:not-allowed;box-shadow:1px 1px 0 #000!important;transform:none!important}.title-battery-container{display:flex;align-items:center;font-family:'Bangers',cursive;font-size:.6em;color:#4CAF50;margin-left:10px}.title-battery-icon{font-size:1.8em;margin-right:5px}.title-battery-icon.blinking{animation:blinkBatteryIcon 1.2s infinite}@keyframes blinkBatteryIcon{0%,100%{opacity:1}50%{opacity:.4}}.title-battery-icon.low{color:#FFC107}.title-battery-icon.critical-low,.title-battery-text.critical-low{color:#F44336!important}.title-battery-text{letter-spacing:1px;font-weight:400;color:#333}#scrolling-announcement{position:fixed;bottom:0;left:0;width:100%;background-color:#FFEB3B;color:#000;padding:10px 0;border-top:3px solid #000;box-shadow:0 -2px 5px rgb(0 0 0 / .2);z-index:999;overflow:hidden;white-space:nowrap;transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}#scrolling-announcement.hidden-announcement{opacity:0;transform:translateY(100%);pointer-events:none}#scrolling-announcement.visible-announcement{opacity:1;transform:translateY(0)}#scrolling-announcement .announcement-content{display:inline-block;padding-left:100%}#scrolling-announcement .announcement-title{font-family:'Bangers',cursive;letter-spacing:1.5px;font-size:1.2em;margin-right:15px}#scrolling-announcement .announcement-text{font-family:'Comic Neue',cursive;font-weight:700}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}@media (max-width:576px){.btn-animated,#getWetonInsightBtn,#chatWithAIBtn{width:calc(50% - 10px);margin:5px;font-size:1em!important}h1{font-size:3rem}#typing-text{font-size:1.5rem}.social-media a{padding:6px;width:40px}.social-media a:hover{width:130px}.social-media a i{font-size:1.1rem}#scrolling-announcement .announcement-title{font-size:1.1em}#scrolling-announcement .announcement-text{font-size:.9em}.modal-content{width:95%;padding:1rem}.modal-content h3{flex-direction:column;align-items:flex-start}.title-battery-container{margin-left:0;margin-top:5px;font-size:.5em}#aiChatModal .chat-input-area{flex-direction:column;gap:8px}#aiChatModal #aiChatMessage{width:100%}#aiChatModal #sendChatMessageBtn{width:100%;padding:10px 15px!important}.chat-message{max-width:90%}}