@media all{:root{--primary:#FF9A8B;--secondary:#FF6A88;--accent:#FF99AC;--light:#FFF5F7;--dark:#333333;--shadow:0 4px 20px rgba(0, 0, 0, 0.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Poppins',sans-serif;background:linear-gradient(135deg,#FFE6E6,#FFC8C8,#FFB6C1);color:var(--dark);min-height:100vh;position:relative;overflow-x:hidden}.floating-emoji{position:absolute;font-size:2rem;opacity:.2;z-index:-1;animation:float 15s infinite ease-in-out}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;padding:2rem 0}h1{font-size:2.5rem;margin-bottom:1rem;color:var(--dark)}.subtitle{font-size:1.2rem;color:#555;max-width:600px;margin:0 auto 2rem}.main-section{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:3rem}.input-section,.result-section{background:#fff;border-radius:20px;padding:2rem;box-shadow:var(--shadow);flex:1;min-width:300px;max-width:500px}.input-area{border:2px dashed var(--accent);border-radius:15px;padding:2rem;text-align:center;margin-bottom:1.5rem;cursor:pointer;transition:all 0.3s ease}.input-area:hover{background-color:var(--light)}.input-area i{font-size:3rem;color:var(--primary);margin-bottom:1rem}.input-area p{margin-bottom:1rem}.btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;border:none;padding:.8rem 1.5rem;border-radius:50px;font-family:'Poppins',sans-serif;font-weight:500;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,105,135,.3);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;margin:.5rem}.btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(255,105,135,.4)}.btn-outline{background:#fff;color:var(--secondary);border:2px solid var(--secondary)}.btn-outline:hover{background:var(--light)}.result-content{text-align:center;padding:1rem 0}.emoji-result{font-size:5rem;margin:1rem 0;animation:bounce 1s ease}@keyframes bounce{0%,20%,60%,100%{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.mood-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--secondary)}.mood-description{font-size:1.1rem;margin-bottom:1rem;color:#555}.confidence{display:inline-block;background:var(--light);padding:.3rem 1rem;border-radius:20px;margin-bottom:1.5rem;font-size:.9rem}.tip-box{background:linear-gradient(45deg,#FFE6E6,#FFC8C8);padding:1rem;border-radius:15px;margin:1.5rem 0;font-style:italic}.share-buttons{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;cursor:pointer;transition:all 0.3s ease}.share-btn:hover{transform:scale(1.1)}.facebook{background:#3b5998}.twitter{background:#1da1f2}.instagram{background:#e1306c}.promo-section{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.callout,.affiliate{flex:1;min-width:300px;background:#fff;border-radius:15px;padding:1.5rem;box-shadow:var(--shadow)}.callout h3,.affiliate h3{margin-bottom:1rem;color:var(--secondary)}.newsletter{background:#fff;border-radius:15px;padding:2rem;text-align:center;margin-bottom:3rem;box-shadow:var(--shadow)}.newsletter h3{margin-bottom:1rem;color:var(--secondary)}.newsletter p{margin-bottom:1.5rem;max-width:600px;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;max-width:500px;margin:0 auto}.newsletter-input{flex:1;padding:.8rem 1rem;border:2px solid var(--accent);border-radius:50px 0 0 50px;font-family:'Poppins',sans-serif;outline:none}.newsletter-btn{background:linear-gradient(45deg,var(--primary),var(--secondary));color:#fff;border:none;padding:0 1.5rem;border-radius:0 50px 50px 0;font-family:'Poppins',sans-serif;font-weight:500;cursor:pointer}footer{text-align:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.5)}footer a{color:var(--secondary);text-decoration:none;font-weight:500}footer a:hover{text-decoration:underline}@media (max-width:768px){h1{font-size:2rem}.subtitle{font-size:1rem}.input-section,.result-section{padding:1.5rem}.emoji-result{font-size:4rem}.newsletter-form{flex-direction:column;gap:1rem}.newsletter-input,.newsletter-btn{border-radius:50px;width:100%}}@media (max-width:480px){.container{padding:1rem}h1{font-size:1.8rem}.btn{padding:.7rem 1.2rem;font-size:.9rem}}}