*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto}:root{--header-height: 3rem;--footer-height: 3rem;--bg-gradient: linear-gradient(15deg, #f2a7a7, #77b4f6);--header-footer-bg: #1E293B;--link-color: #06ffb9;--link-hover-color: #00d1b2;--button-bg: #007bff;--button-hover: #0056b3;--text-color: #000;--text-placeholder: rgba(0, 0, 0, .45);--radius: 8px}body{margin:0;font-family:Trebuchet MS,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;background:var(--bg-gradient)}header,footer{width:100%;background:var(--header-footer-bg);color:#f5f5f5;border-radius:.3rem;text-align:center;padding:.5rem;position:fixed;left:0;z-index:5;display:flex;justify-content:center;align-items:center}header{top:0;height:var(--header-height)}footer{bottom:0;height:var(--footer-height)}.container{flex:1;width:100%;padding:calc(var(--header-height) + 1rem) 1rem calc(var(--footer-height) + 1rem);display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;align-items:flex-start;width:100%}.col-md-6{flex:1 1 300px}.logo,.hints{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:1rem 0}.input-title{text-align:center;margin-bottom:.5rem;font-size:1.2rem}textarea{width:100%;border:1px solid #ddd;border-radius:var(--radius);background:#fff;color:var(--text-color);font-size:16px;padding:.5rem;box-sizing:border-box;resize:both;transition:box-shadow .3s ease,border-color .3s ease}textarea::placeholder{color:var(--text-placeholder)}textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 8px #007bff80}button{padding:8px 16px;border:none;border-radius:var(--radius);background:var(--button-bg);color:#fff;font-size:14px;cursor:pointer;transition:background .3s ease}button:hover{background:var(--button-hover)}.buttoncont{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-bottom:.5rem}a{text-decoration:none;color:var(--link-color);transform:scale(1.3);transition:all .3s ease}a:hover{color:var(--link-hover-color);transform:scale(1.4);box-shadow:0 0 15px #00ffffb3}h1{text-align:center;margin:1rem 0}h4{margin:1rem 0;color:#212951}@media(max-width:768px){header,footer{font-size:14px;padding:.3rem}h1{font-size:1rem}h4{font-size:.9rem;text-align:center}.col-md-6{flex:1 1 100%}textarea{max-height:180px;font-size:14px}}@media(min-width:769px){.container{display:flex;flex-direction:column;align-items:center;margin-top:6rem;padding:0 2rem}.input-title{font-size:1.5rem}textarea{font-size:16px;min-height:22rem;min-width:max-content}h1{font-size:1.5rem}h4{font-size:1.1rem}}