.word-counter-container{width:100%;min-height:100vh}.wc-header{background:linear-gradient(135deg,var(--primary-color) 0,#0f2a3e 100%);color:white;padding:80px 20px;text-align:center}.wc-header h1{font-size:2.5rem;font-weight:800;margin-bottom:15px;letter-spacing:-1px}.wc-header p{font-size:1.1rem;opacity:.9;max-width:600px;margin:0 auto}.wc-content{padding:60px 20px;background-color:var(--light-bg)}.wc-wrapper{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:40px;gap:40px}.input-section{background:white;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08)}.input-section label{display:block;font-weight:600;color:var(--primary-color);margin-bottom:15px;font-size:1rem}.text-input{width:100%;height:400px;padding:20px;border:2px solid var(--border-color);border-radius:8px;font-family:Courier New,monospace;font-size:.95rem;resize:none;transition:border-color .3s ease}.text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(89,174,60,.1)}.input-buttons{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.input-buttons .btn{flex:1 1;min-width:120px}.stats-section{background:white;padding:30px;border-radius:12px;box-shadow:0 5px 15px rgba(0,0,0,.08);height:-moz-fit-content;height:fit-content}.stats-section h2{color:var(--primary-color);font-size:1.3rem;margin-bottom:25px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.stat-card{background:var(--light-bg);padding:20px;border-radius:10px;display:flex;align-items:center;gap:15px;transition:all .3s ease;border:2px solid transparent}.stat-card:hover{border-color:var(--accent-color);transform:translateY(-3px)}.stat-card.highlight{background:linear-gradient(135deg,var(--accent-color) 0,#4a8a2e 100%);color:white}.stat-card.highlight:hover{border-color:white}.stat-icon{font-size:2rem;min-width:40px;text-align:center}.stat-content{flex:1 1}.stat-value{font-size:1.8rem;font-weight:700;color:var(--primary-color)}.stat-card.highlight .stat-value{color:white}.stat-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-top:3px}.stat-card.highlight .stat-label{color:rgba(255,255,255,.8)}.wc-features{padding:80px 20px;background:white}.wc-features h2{font-size:2rem;text-align:center;color:var(--primary-color);margin-bottom:50px}.features-list-wc{max-width:1000px;margin:0 auto;display:grid;grid-gap:30px;gap:30px}.feature-item{display:flex;gap:25px;align-items:flex-start;padding:25px;background:var(--light-bg);border-radius:10px;transition:all .3s ease;border-left:4px solid transparent}.feature-item:hover{border-left-color:var(--accent-color);transform:translateX(5px)}.feature-number{min-width:50px;width:50px;height:50px;background:var(--accent-color);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.3rem}.feature-item h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:8px}.feature-item p{color:#666;line-height:1.6;font-size:.95rem}.wc-tips{padding:80px 20px;background:var(--light-bg)}.wc-tips h2{font-size:2rem;text-align:center;color:var(--primary-color);margin-bottom:50px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px;max-width:1000px;margin:0 auto}.tip-card{background:white;padding:30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:all .3s ease;border-top:4px solid var(--accent-color)}.tip-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(89,174,60,.2)}.tip-card h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:12px}.tip-card p{color:#666;line-height:1.6;font-size:.9rem}@media (max-width:968px){.wc-wrapper{grid-template-columns:1fr;gap:30px}.stats-section{height:auto}.wc-header h1{font-size:2rem}.text-input{height:300px}}@media (max-width:768px){.wc-header{padding:50px 20px}.wc-header h1{font-size:1.8rem}.wc-header p{font-size:.95rem}.wc-content,.wc-features,.wc-tips{padding:40px 20px}.input-section,.stats-section{padding:20px}.text-input{height:250px}.stats-grid{grid-template-columns:1fr;gap:15px}.input-buttons{flex-direction:column}.input-buttons .btn{width:100%}.feature-item{gap:15px;padding:20px}.tips-grid{grid-template-columns:1fr}}@media (max-width:480px){.wc-header h1{font-size:1.3rem}.wc-header p{font-size:.85rem}.wc-features h2,.wc-tips h2{font-size:1.3rem}.text-input{height:200px;font-size:.85rem}.stat-card{padding:15px}.stat-icon{font-size:1.5rem}.stat-value{font-size:1.3rem}.feature-item{flex-direction:column;text-align:center}.feature-number{margin:0 auto}}