@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;800;900&display=swap";:root{--bg-color:#f0f8ff;--text-color:#2b2b2b;--primary:#ff5e5e;--primary-hover:#ff3b3b;--secondary:#4facfe;--secondary-hover:#00f2fe;--accent:#ffd166;--accent-hover:#ffbc42;--white:#fff;--black:#000;--border-radius:20px;--border-width:4px;--border-color:#1a1a1a;--shadow-color:#1a1a1a33;--shadow:4px 4px 0px var(--border-color);--shadow-hover:2px 2px 0px var(--border-color)}.dark-mode{--bg-color:#1a1a2e;--text-color:#f1f2f6;--primary:#ff4757;--primary-hover:#ff6b81;--secondary:#0abde3;--secondary-hover:#48dbfb;--accent:#feca57;--accent-hover:#ff9f43;--white:#2f3542;--black:#fff;--border-color:#000}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .4s,color .4s,border-color .4s,box-shadow .2s}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;font-family:Nunito,sans-serif;display:flex;overflow-x:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex}.cartoon-box{background-color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:all .2s ease-in-out}.cartoon-btn{background-color:var(--primary);color:var(--white);border:var(--border-width) solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;text-transform:uppercase;letter-spacing:1px;padding:12px 24px;font-family:Nunito,sans-serif;font-size:1.1rem;font-weight:800;transition:all .1s ease-in-out}.cartoon-btn:hover{box-shadow:6px 6px 0px var(--border-color);transform:translateY(-2px)}.cartoon-btn:active{box-shadow:var(--shadow-hover);transform:translateY(2px)}.cartoon-btn.secondary{background-color:var(--secondary)}.cartoon-btn.accent{background-color:var(--accent);color:var(--text-color)}.cartoon-input{border:var(--border-width) solid var(--border-color);border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Nunito,sans-serif;font-size:1rem;font-weight:600;transition:box-shadow .2s}.cartoon-input:focus{box-shadow:4px 4px 0px var(--secondary)}@keyframes driveCar{0%{transform:translate(-150px)scaleX(-1)}to{transform:translate(110vw)scaleX(-1)}}.car-animation-container{pointer-events:none;z-index:50;width:100%;position:fixed;bottom:20px;left:0;overflow:hidden}.animated-car{font-size:3rem;animation:8s linear infinite driveCar;display:inline-block}@media (width<=600px){.header-container{text-align:center;flex-direction:column!important;gap:15px!important}.header-profile{flex-direction:column!important}.greeting-text{font-size:1.2rem!important}.header-actions{justify-content:center!important;width:100%!important}.cartoon-box{padding:15px!important}}