.PhonePreview-module__fNt7Ua__phoneFrame{background-color:#f0f0f0;border:12px solid #222;border-radius:40px;flex-direction:column;width:320px;height:600px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #0006,inset 0 0 0 4px #000}.PhonePreview-module__fNt7Ua__notch{z-index:10;background-color:#222;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}.PhonePreview-module__fNt7Ua__whatsappHeader{color:#fff;background-color:#075e54;align-items:center;gap:12px;padding:40px 16px 12px;display:flex}.PhonePreview-module__fNt7Ua__profilePic{background-color:#ddd;background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"%23aaa\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"/></svg>");background-size:cover;border-radius:50%;width:40px;height:40px}.PhonePreview-module__fNt7Ua__contactInfo h3{margin:0;font-size:16px;font-weight:600}.PhonePreview-module__fNt7Ua__contactInfo p{opacity:.8;margin:0;font-size:12px}.PhonePreview-module__fNt7Ua__chatArea{background-color:#e5ddd5;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:contain;flex-direction:column;flex:1;padding:16px;display:flex;overflow-y:auto}.PhonePreview-module__fNt7Ua__messageBubble{color:#303030;word-wrap:break-word;white-space:pre-wrap;background-color:#dcf8c6;border-radius:12px 0 12px 12px;align-self:flex-end;max-width:80%;padding:8px 12px;font-size:14px;line-height:1.4;position:relative;box-shadow:0 1px 1px #0000001a}.PhonePreview-module__fNt7Ua__messageBubble:after{content:"";border-top:10px solid #dcf8c6;border-right:10px solid #0000;width:0;height:0;position:absolute;top:0;right:-8px}.PhonePreview-module__fNt7Ua__messageTime{text-align:right;color:#999;margin-top:4px;font-size:10px;display:block}.PhonePreview-module__fNt7Ua__emptyState{color:#888;text-align:center;background:#fff9;border-radius:16px;align-self:center;margin-top:auto;margin-bottom:auto;padding:8px 12px;font-size:14px}.PhonePreview-module__fNt7Ua__inputBar{background-color:#f0f0f0;align-items:center;gap:8px;padding:8px;display:flex}.PhonePreview-module__fNt7Ua__fakeInput{color:#aaa;background-color:#fff;border-radius:20px;flex:1;align-items:center;height:36px;padding:0 16px;font-size:14px;display:flex}.PhonePreview-module__fNt7Ua__fakeSend{color:#fff;background-color:#00897b;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}
.page-module__E0kJGG__main{flex-direction:column;align-items:center;gap:2rem;width:100%;padding:4rem 0;display:flex}.page-module__E0kJGG__header{text-align:center;margin-bottom:2rem}.page-module__E0kJGG__title{margin-bottom:.5rem;font-size:3rem}.page-module__E0kJGG__subtitle{color:#94a3b8;max-width:600px;margin:0 auto;font-size:1.125rem}.page-module__E0kJGG__layout{justify-content:center;align-items:flex-start;gap:4rem;width:100%;max-width:1000px;display:flex}@media (max-width:800px){.page-module__E0kJGG__layout{flex-direction:column;align-items:center;gap:3rem}}.page-module__E0kJGG__formSection{flex-direction:column;flex:1;gap:1.5rem;width:100%;max-width:500px;display:flex}.page-module__E0kJGG__phoneInputGroup{gap:.5rem;display:flex}.page-module__E0kJGG__countryCode{width:80px}.page-module__E0kJGG__templates{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.page-module__E0kJGG__templateChip{cursor:pointer;color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.page-module__E0kJGG__templateChip:hover{color:#fff;background:#25d36633;border-color:#25d366}.page-module__E0kJGG__resultSection{border-top:1px solid #ffffff1a;flex-direction:column;gap:1.5rem;margin-top:2rem;padding-top:2rem;display:flex}.page-module__E0kJGG__linkBox{word-break:break-all;color:#25d366;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:1rem;font-family:monospace;font-size:.9rem;display:flex}.page-module__E0kJGG__actionRow{gap:1rem;display:flex}.page-module__E0kJGG__qrContainer{background:#fff;border-radius:12px;margin:0 auto;padding:1rem;display:inline-block}.page-module__E0kJGG__toast{color:#fff;z-index:100;background:#25d366;border-radius:30px;padding:1rem 2rem;font-weight:600;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #25d3664d}