*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color: #e1e8eb;--container-bg: #fff;--stats-bg: #f1f6f8;--text-color: #4d5457;--heading-color: rgba(255, 255, 255, .92);--border-color: rgba(0, 0, 0, .08);--placeholder-color: #959c9f;--footer-color: rgba(0, 0, 0, .4)}.dark{--bg-color: #1a1a1a;--container-bg: #2d2d2d;--stats-bg: #3a3a3a;--text-color: #e0e0e0;--heading-color: rgba(255, 255, 255, .92);--border-color: rgba(255, 255, 255, .1);--placeholder-color: #b0b0b0;--footer-color: rgba(255, 255, 255, .4)}textarea{all:unset}body{font-family:Inter,sans-serif;background-color:var(--bg-color);display:flex;flex-direction:column;align-items:center;transition:background-color .3s ease}.bg{position:absolute;top:0;left:0;z-index:-1;height:254px;width:100%;background-image:linear-gradient(to right,#6500a3e6,#1878afe6,#4018a5e6),url(https://images.unsplash.com/photo-1546453667-8a8d2d07bc20?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1974&q=100)}.first-heading{font-size:65px;letter-spacing:5px;text-transform:uppercase;color:var(--heading-color);margin-top:75px;text-align:center}.first-heading--thin{font-weight:300}.container{width:1050px;height:520px;background-color:var(--container-bg);border-radius:10px;box-shadow:0 4px 4px #0000001a;margin-top:55px;display:flex;overflow:hidden;position:relative;transition:background-color .3s ease}.textarea{resize:none;flex:2;font:inherit;padding:30px 40px;font-size:22px;color:var(--text-color)}.textarea::placeholder{font-weight:500;color:var(--placeholder-color)}.textarea>textarea{height:100%;width:100%}.stats{flex:1.3;background-color:var(--stats-bg);display:flex;flex-wrap:wrap;transition:background-color .3s ease}.stat{flex:1 150px;display:flex;flex-direction:column;justify-content:center;align-items:center}.stat:nth-child(1),.stat:nth-child(2){border-bottom:1px solid var(--border-color)}.stat:nth-child(2),.stat:nth-child(4){border-left:1px solid var(--border-color)}.stat__number{color:var(--text-color);font-weight:600;font-size:35px;margin-bottom:10px;transition:color .3s ease}.stat__number--limit{color:red}.second-heading{font-size:14px;text-transform:uppercase;letter-spacing:2px;font-weight:500;color:var(--text-color);opacity:.7}.footer{width:1050px;margin:15px 0;display:flex;justify-content:space-between;opacity:.4;color:var(--footer-color);transition:color .3s ease}@media(max-width:1150px){.container{width:85vw;flex-direction:column}.first-heading{font-size:7vw}.stat{padding:15px 10px}.stat:nth-child(1),.stat:nth-child(2),.stat:nth-child(4){border:none}.stat__number{font-size:20px}.footer{width:initial;flex-direction:column;align-items:center}}