:root{--apple-white:#fff;--apple-light-gray:#f5f5f7;--apple-gray:#86868b;--apple-dark-gray:#444;--apple-black:#1d1d1f;--apple-blue:#0071e3;--apple-blue-light:#409cff;--apple-green:#34c759;--apple-red:#ff3b30;--apple-yellow:#fc0;--apple-gray-200:#e5e5e5;--apple-shadow-xs:0 1px 2px #0000000d;--apple-shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--apple-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--apple-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--apple-shadow-inset:inset 0 1px 2px #0000000d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.2s;--transition-medium:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--apple-light-gray);color:#1d1d1f;color:var(--apple-black);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;background-color:#fff;background-color:var(--apple-white);border-bottom:1px solid #0000000d;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--apple-shadow-sm);display:flex;justify-content:space-between;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl)}.header-right{gap:24px;gap:var(--spacing-lg)}.features-button{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0071e3;color:var(--apple-blue);cursor:pointer;font-size:16px;font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:background-color .3s ease}.features-button:hover{background-color:#0066cc0d}.bmc-button{display:block;transition:transform .3s ease}.bmc-button:hover{transform:translateY(-2px)}@media (max-width:1024px){.bmc-button img{height:40px!important;width:145px!important}}@media (max-width:768px){.header-right{gap:16px;gap:var(--spacing-md)}.bmc-button img{height:30px!important;width:109px!important}}.language-switcher{position:relative}.language-switcher button{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0071e3;color:var(--apple-blue);cursor:pointer;display:flex;font-size:16px;gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .3s ease}.language-switcher button:hover{background-color:#0066cc0d}.language-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);overflow:hidden;position:absolute;top:100%;z-index:10}.language-option{cursor:pointer;min-width:150px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.language-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.active-language{color:#0071e3;color:var(--apple-blue);font-weight:500}.main-title{align-items:center;color:#1d1d1f;color:var(--apple-black);display:flex;font-size:24px;font-weight:500;gap:4px;gap:var(--spacing-xs)}.logo-icon{color:#0071e3;color:var(--apple-blue);font-size:28px}.editor-container{margin:0 auto;max-width:1200px;padding:24px;padding:var(--spacing-lg);width:100%}.editor-container,.notepad{display:flex;flex:1 1;flex-direction:column}.notepad{background-color:#fff;background-color:var(--apple-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);overflow:hidden}.toolbar{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-bottom:1px solid #0000000d;justify-content:space-between;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{gap:8px;gap:var(--spacing-sm)}.tool-button{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#444;color:var(--apple-dark-gray);cursor:pointer;display:flex;font-size:14px;gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.tool-button:hover{background-color:#0000000d;color:#1d1d1f;color:var(--apple-black)}.tool-button svg{font-size:16px}.word-count{color:#86868b;color:var(--apple-gray);font-size:14px}.textarea-container{display:flex;flex:1 1;position:relative}.editor-textarea{border:none;color:#1d1d1f;color:var(--apple-black);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;outline:none;padding:16px;padding:var(--spacing-md);resize:none}.status-bar{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-top:1px solid #0000000d;color:#86868b;color:var(--apple-gray);font-size:12px;justify-content:space-between;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.autosave-status,.status-bar{align-items:center;display:flex}.autosave-status{gap:4px;gap:var(--spacing-xs)}.autosave-dot{border-radius:50%;height:8px;width:8px}.autosave-dot,.saved .autosave-dot{background-color:#34c759;background-color:var(--apple-green)}.saving .autosave-dot{background-color:#fc0;background-color:var(--apple-yellow)}.find-replace-container{align-items:center;background-color:#f5f5f7;background-color:var(--apple-light-gray);border-bottom:1px solid #0000000d;display:flex;gap:16px;gap:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.find-replace-group{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.find-replace-input{border:1px solid #0000001a;border-radius:4px;border-radius:var(--radius-sm);font-size:14px;outline:none;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:border-color .2s ease}.find-replace-input:focus{border-color:#0071e3;border-color:var(--apple-blue)}.find-replace-button{background-color:#fff;background-color:var(--apple-white);border:1px solid #0000001a;border-radius:4px;border-radius:var(--radius-sm);color:#444;color:var(--apple-dark-gray);cursor:pointer;font-size:14px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.find-replace-button:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-color:#0003}.find-replace-button.primary{background-color:#0071e3;background-color:var(--apple-blue);border-color:#0071e3;border-color:var(--apple-blue);color:#fff}.find-replace-button.primary:hover{background-color:#0055b3;border-color:#0055b3}.help-button{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0071e3;color:var(--apple-blue);cursor:pointer;font-size:14px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.help-button:hover{background-color:#0066cc0d}.start-button{background-color:#0071e3;background-color:var(--apple-blue);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:32px auto;margin:var(--spacing-xl) auto;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.start-button:hover{background-color:#0055b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--apple-shadow-lg);transform:translateY(-2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .3s ease-in-out}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slide-up .3s ease-out}@media (max-width:768px){.editor-container{padding:8px;padding:var(--spacing-sm)}.tool-button span{display:none}.find-replace-container{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.find-replace-group,.find-replace-input{width:100%}}.insert-menu-container{position:relative}.insert-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}.insert-option{align-items:center;color:#444;color:var(--apple-dark-gray);cursor:pointer;display:flex;font-size:13px;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.insert-option span{font-size:13px}.insert-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray);color:#1d1d1f;color:var(--apple-black)}.font-menu-container{position:relative}.font-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:100}.font-section{border-bottom:1px solid #f5f5f7;border-bottom:1px solid var(--apple-light-gray);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding-bottom:8px;padding-bottom:var(--spacing-sm)}.font-section:last-child{border-bottom:none;margin-bottom:0}.font-header{align-items:center;color:#86868b;color:var(--apple-gray);display:flex;font-size:11px;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.back-button{background:none;border:none;color:#0071e3;color:var(--apple-blue);cursor:pointer;font-size:12px;margin-right:6px;padding:0}.font-option{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.font-option,.font-option span{color:#444;color:var(--apple-dark-gray);font-size:13px}.font-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.emoji-grid{background-color:#f5f5f7;background-color:var(--apple-light-gray);flex-wrap:wrap;justify-content:space-between;margin:0 16px;margin:0 var(--spacing-md);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.emoji-grid,.emoji-item{border-radius:4px;border-radius:var(--radius-sm);display:flex}.emoji-item{align-items:center;cursor:pointer;font-size:18px;height:28px;justify-content:center;margin:2px;transition:background-color .2s ease,transform .1s ease;width:28px}.emoji-item:hover{background-color:#0066cc1a;transform:scale(1.1)}.share-menu-container{position:relative}.share-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);min-width:280px;overflow:hidden;position:absolute;top:100%;z-index:100}.share-header{border-bottom:1px solid #f5f5f7;border-bottom:1px solid var(--apple-light-gray);color:#86868b;color:var(--apple-gray);font-size:13px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.share-grid{grid-gap:4px;grid-gap:var(--spacing-xs);display:grid;gap:4px;gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr)}.share-grid,.share-option{padding:4px;padding:var(--spacing-xs)}.share-option{align-items:center;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;transition:background-color .2s ease}.share-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.share-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;margin-bottom:4px;margin-bottom:var(--spacing-xs);width:32px}.share-option span{color:#444;color:var(--apple-dark-gray);font-size:10px}.facebook{background-color:#1877f2}.whatsapp{background-color:#25d366}.email{background-color:#b23121}.reddit{background-color:#ff5700}.copy{background-color:#0071e3;background-color:var(--apple-blue)}.notepad-info{background-color:#fff;background-color:var(--apple-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--apple-shadow-sm);margin-bottom:48px;margin-bottom:var(--spacing-xxl);margin-left:auto;margin-right:auto;margin-top:32px;margin-top:var(--spacing-xl);max-width:1000px;padding:32px 48px;padding:var(--spacing-xl) var(--spacing-xxl);text-align:left}.info-section{border-bottom:1px solid #f5f5f7;border-bottom:1px solid var(--apple-light-gray);margin-bottom:32px;margin-bottom:var(--spacing-xl);padding-bottom:24px;padding-bottom:var(--spacing-lg)}.info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-heading{color:#1d1d1f;color:var(--apple-black);font-size:28px;font-weight:600;letter-spacing:-.5px}.info-heading,.info-text{font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;margin-bottom:16px;margin-bottom:var(--spacing-md)}.info-text{color:#444;color:var(--apple-dark-gray);font-size:16px;line-height:1.7}.info-list{list-style-type:disc;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-left:24px}.info-list li{color:#444;color:var(--apple-dark-gray);font-size:16px;line-height:1.7;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding-left:4px;padding-left:var(--spacing-xs)}.highlight{background-color:#fc03;border-radius:3px;color:#1d1d1f;color:var(--apple-black);font-style:normal;font-weight:500;padding:0 3px}strong{color:#000;font-weight:600}.editor-status{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-bottom-left-radius:8px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:8px;border-bottom-right-radius:var(--radius-md);border-top:1px solid #e5e5e5;border-top:1px solid var(--apple-gray-200);justify-content:flex-start;margin-top:-4px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.editor-status,.save-status{align-items:center;display:flex}.save-status{color:#86868b;color:var(--apple-gray);font-size:13px}.save-status:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:4px;margin-right:var(--spacing-xs);width:8px}.save-status.saved:before{background-color:#34c759;background-color:var(--apple-green)}.save-status.saving:before{background-color:#fc0;background-color:var(--apple-yellow)}.notepad-content{background-color:#fff;border:1px solid #f5f5f7;border:1px solid var(--apple-light-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #0000000d;box-shadow:var(--apple-shadow-inset);color:#1d1d1f;color:var(--apple-black);font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;font-size:16px;line-height:1.5;min-height:400px;outline:none;padding:16px;padding:var(--spacing-md);resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.notepad-content:focus{border-color:#409cff;border-color:var(--apple-blue-light);box-shadow:0 0 0 2px #007aff26,inset 0 1px 2px #0000000d;box-shadow:0 0 0 2px #007aff26,var(--apple-shadow-inset)}@media (max-width:768px){.notepad-info{padding:24px;padding:var(--spacing-lg)}.info-heading{font-size:24px}.info-list li,.info-text{font-size:15px;line-height:1.6}}.help-button-container{background-color:#fff;background-color:var(--apple-white);border-bottom:1px solid #0000000d;display:flex;justify-content:flex-end;padding:4px 32px;padding:var(--spacing-xs) var(--spacing-xl)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--apple-shadow-lg);max-width:90%;overflow:hidden;width:400px}.modal-content{padding:24px 24px 16px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);text-align:center}.modal-content p{color:#1d1d1f;color:var(--apple-black);font-size:16px;margin:0}.modal-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--apple-gray-200);display:flex}.modal-button{background:none;border:none;cursor:pointer;flex:1 1;font-size:16px;padding:16px;padding:var(--spacing-md);transition:background-color .2s ease}.modal-button:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.cancel-button{border-right:1px solid #e5e5e5;border-right:1px solid var(--apple-gray-200);color:#444;color:var(--apple-dark-gray)}.confirm-button{color:#0071e3;color:var(--apple-blue);font-weight:500}.features-section{background-color:#fff;background-color:var(--apple-white);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:48px;margin-bottom:var(--spacing-xxl);padding:24px;padding:var(--spacing-lg)}.features-section .features-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:32px;margin-top:var(--spacing-xl)}.features-section .feature-item{background-color:#fff;background-color:var(--apple-white);border:1px solid #f5f5f7;border:1px solid var(--apple-light-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--apple-shadow-sm);padding:24px;padding:var(--spacing-lg);text-align:left;transition:transform .2s ease,box-shadow .2s ease}.features-section .feature-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);transform:translateY(-3px)}.features-section .feature-icon{align-items:center;background-color:#0066cc1a;border-radius:50%;color:#0071e3;color:var(--apple-blue);display:flex;font-size:20px;height:48px;justify-content:center;margin:0 0 8px;margin:0 0 var(--spacing-sm);width:48px}.features-section .feature-title{color:#1d1d1f;color:var(--apple-black);font-size:18px;font-weight:500;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.features-section .feature-description{color:#444;color:var(--apple-dark-gray);font-size:14px;line-height:1.5;margin:0}.features-section .overview-container{margin-bottom:24px;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.features-section .features-grid{grid-template-columns:1fr}}.footer{background-color:#f5f5f5;border-top:1px solid #e0e0e0;margin-top:20px;padding:15px 0;text-align:center;width:100%}.footer-content{flex-direction:column;gap:10px}.footer-content,.footer-links{align-items:center;display:flex}.footer-links{gap:20px}.footer-link{color:#0071e3;color:var(--apple-blue);font-size:14px;text-decoration:none;transition:color .2s;transition:color var(--transition-fast)}.footer-link:hover{color:#409cff;color:var(--apple-blue-light);text-decoration:underline}.copyright-text{color:#666;font-size:14px;margin:0}.legal-page{background-color:#f5f5f7;background-color:var(--apple-light-gray);min-height:100vh;padding:24px;padding:var(--spacing-lg)}.legal-container{background-color:#fff;background-color:var(--apple-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);margin:0 auto;max-width:800px;padding:32px;padding:var(--spacing-xl)}.legal-container h1{color:#1d1d1f;color:var(--apple-black);font-size:2.5rem;font-weight:700;text-align:center}.legal-container h1,.legal-content section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.legal-content h2{border-left:4px solid #0071e3;border-left:4px solid var(--apple-blue);font-size:1.5rem;font-weight:600;padding-left:16px;padding-left:var(--spacing-md)}.legal-content h2,.legal-content p{color:#444;color:var(--apple-dark-gray);margin-bottom:16px;margin-bottom:var(--spacing-md)}.legal-content p{font-size:1rem;line-height:1.6}@media (max-width:768px){.footer-content{gap:8px}.footer-links{gap:15px}.legal-page{padding:16px;padding:var(--spacing-md)}.legal-container{padding:24px;padding:var(--spacing-lg)}.legal-container h1{font-size:2rem}}.faq-container{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:800px;padding:20px}.faq-heading{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.faq-list{border-radius:12px;box-shadow:0 5px 15px #0000000d;overflow:hidden}.faq-item{border-bottom:1px solid #eaeaea}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:space-between;padding:20px;text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background-color:#f9f9f9}.faq-question.active{background-color:#f0f0f0;color:#000}.faq-icon{font-size:20px;font-weight:300;transition:transform .3s ease}.faq-question.active .faq-icon{transform:rotate(180deg)}.faq-answer{background:#fff;max-height:0;overflow:hidden;padding:0;transition:all .3s ease}.faq-answer.open{max-height:1000px;padding:15px 20px}.faq-answer p{color:#555;line-height:1.6;margin:0}@media (max-width:768px){.faq-container{padding:15px}.faq-heading{font-size:24px}.faq-question{font-size:15px;padding:15px}.faq-answer.open{padding:12px 15px}}.additional-content{background-color:#f9f9f9;border-top:1px solid #eaeaea;margin-top:40px;padding:20px 0}@media (max-width:768px){.additional-content{margin-top:30px;padding:15px 0}}.features-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl);text-align:center}.features-heading{color:var(--apple-black);font-size:28px;font-weight:500;margin-bottom:var(--spacing-md)}.overview-container{margin:0 auto var(--spacing-xl);max-width:900px}.overview-text{text-align:left}.features-description,.overview-text{color:var(--apple-gray);font-size:16px;line-height:1.6}.features-description{margin:0 auto var(--spacing-xl);max-width:800px}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);margin:0 auto;max-width:900px}.feature-item{background-color:var(--apple-white);border-radius:var(--radius-lg);box-shadow:var(--apple-shadow-md);padding:var(--spacing-lg);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{box-shadow:var(--apple-shadow-lg);transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#0066cc1a;border-radius:50%;color:var(--apple-blue);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.feature-title{color:var(--apple-black);font-size:20px;font-weight:500;margin-bottom:var(--spacing-md)}.feature-description{color:var(--apple-gray);font-size:16px;line-height:1.6}@media (max-width:768px){.features-grid{grid-template-columns:1fr;grid-template-rows:auto}.features-container{padding:var(--spacing-lg) var(--spacing-md)}.features-heading{font-size:24px}.features-description,.overview-text{font-size:15px}}.blog-container{grid-gap:var(--spacing-xxl);align-items:start;display:grid;gap:var(--spacing-xxl);grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg)}.blog-header{border-bottom:2px solid var(--apple-light-gray);grid-column:1/-1;margin-bottom:var(--spacing-xxl);padding-bottom:var(--spacing-lg);text-align:center}.blog-title{color:var(--apple-black);font-size:48px;font-weight:600;letter-spacing:-1px;margin-bottom:var(--spacing-md)}.blog-subtitle{color:var(--apple-gray);font-size:20px;font-weight:400;margin:0}.blog-grid{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.blog-post-card{background-color:var(--apple-white);border:1px solid var(--apple-light-gray);border-radius:var(--radius-lg);box-shadow:var(--apple-shadow-md);padding:var(--spacing-xl);transition:all var(--transition-medium) ease}.blog-post-card:hover{border-color:var(--apple-blue);box-shadow:var(--apple-shadow-lg);transform:translateY(-4px)}.post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.post-category{background-color:var(--apple-blue);border-radius:var(--radius-lg);color:#fff;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.post-date{color:var(--apple-gray);font-size:14px;font-weight:500}.post-title{color:var(--apple-black);font-size:28px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin-bottom:var(--spacing-md)}.post-excerpt{color:var(--apple-dark-gray);font-size:16px;font-style:italic;line-height:1.6}.post-content,.post-excerpt{margin-bottom:var(--spacing-lg)}.post-paragraph{color:var(--apple-black);font-size:16px;line-height:1.7;margin-bottom:var(--spacing-md)}.post-paragraph:last-child{margin-bottom:0}.post-content h3{color:var(--apple-black);font-size:20px;font-weight:600;letter-spacing:-.3px;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.post-content ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg)}.post-content li{color:var(--apple-black);font-size:16px;line-height:1.7;margin-bottom:var(--spacing-xs)}.post-content strong{color:var(--apple-black);font-weight:600}.post-meta{border-bottom:1px solid var(--apple-light-gray);border-top:1px solid var(--apple-light-gray);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.meta-item{align-items:center;color:var(--apple-gray);display:flex;font-size:14px;gap:var(--spacing-xs)}.meta-item svg{color:var(--apple-blue);font-size:16px}.post-actions{display:flex;gap:var(--spacing-md)}.action-button{align-items:center;background-color:var(--apple-white);border:1px solid var(--apple-light-gray);border-radius:var(--radius-md);color:var(--apple-dark-gray);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease}.action-button:hover{background-color:var(--apple-light-gray);border-color:var(--apple-gray)}.like-button:hover{background-color:#ff3b301a;border-color:var(--apple-red);color:var(--apple-red)}.share-button:hover{background-color:#007aff1a;border-color:var(--apple-blue);color:var(--apple-blue)}.blog-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:var(--spacing-xl)}.sidebar-section{background-color:var(--apple-white);border:1px solid var(--apple-light-gray);border-radius:var(--radius-lg);box-shadow:var(--apple-shadow-sm);padding:var(--spacing-lg)}.sidebar-title{color:var(--apple-black);font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:var(--spacing-md)}.sidebar-text{color:var(--apple-dark-gray);font-size:15px;line-height:1.6;margin:0}.categories-list{list-style:none;margin:0;padding:0}.categories-list li{margin-bottom:var(--spacing-sm)}.category-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--apple-dark-gray);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast) ease;width:100%}.category-button:hover{background-color:var(--apple-light-gray);color:var(--apple-blue);transform:translateX(4px)}.category-button.active{background-color:var(--apple-blue);color:#fff}.category-button.active:hover{background-color:var(--apple-blue-light);transform:translateX(0)}.categories-list a{border-radius:var(--radius-sm);color:var(--apple-dark-gray);display:block;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast) ease}.categories-list a:hover{background-color:var(--apple-light-gray);color:var(--apple-blue);transform:translateX(4px)}.newsletter-form{margin-top:var(--spacing-md)}.newsletter-input{border:1px solid var(--apple-light-gray);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--spacing-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast) ease;width:100%}.newsletter-input:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a}.newsletter-button{background-color:var(--apple-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease;width:100%}.newsletter-button:hover{background-color:var(--apple-blue-light);transform:translateY(-1px)}.nav-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--apple-blue);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast) ease}.nav-button:hover{background-color:#007aff1a;color:var(--apple-blue-light)}.nav-button.active{background-color:var(--apple-blue);color:#fff}.nav-button.active:hover{background-color:var(--apple-blue-light)}.title-link{align-items:center;color:inherit;display:flex;gap:var(--spacing-xs);text-decoration:none}.notepad-link,.title-link:hover{color:var(--apple-blue)}.notepad-link{border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:all var(--transition-fast) ease}.notepad-link:hover{border-bottom-color:var(--apple-blue-light);color:var(--apple-blue-light)}@media (max-width:968px){.blog-container{gap:var(--spacing-xl);grid-template-columns:1fr;padding:var(--spacing-lg) var(--spacing-md)}.blog-header{margin-bottom:var(--spacing-lg)}.blog-title{font-size:36px}.blog-subtitle{font-size:18px}.blog-sidebar{order:-1;position:static}.post-title{font-size:24px}.post-meta{gap:var(--spacing-md)}.post-actions,.post-meta{flex-wrap:wrap}}@media (max-width:768px){.blog-container{padding:var(--spacing-md) var(--spacing-sm)}.blog-title{font-size:32px}.blog-subtitle{font-size:16px}.blog-post-card{padding:var(--spacing-lg)}.post-title{font-size:22px}.post-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.post-meta{flex-direction:column;gap:var(--spacing-sm)}.sidebar-section{padding:var(--spacing-md)}.sidebar-title{font-size:18px}}.header-right{align-items:center;display:flex;gap:var(--spacing-md)}
/*# sourceMappingURL=main.260f5954.css.map*/