﻿:root{--brand: #12355B;--supporting-1: #61D6E5;--supporting-2: #1B9AAA;--supporting-3: #115F6A;--gray-1: #F5F5F5;--gray-2: #E0E0E0;--gray-3: #CCC;--gray-4: #b8b8b8;--gray-5: #a3a3a3;--gray-6: #8f8f8f;--gray-8: #7a7a7a;--gray-9: #666;--red-1: #F4807C;--red-2: #F0544F;--red-3: #BD150F;--yellow-1: #F9E8B4;--yellow-2: #F2CD5D;--yellow-3: #AA830E;--green-1: #02F2A6;--green-2: #02CA8B;--green-3: #017953}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:"Montserrat",sans-serif;font-weight:400}:root{--basic-text-size: 17px;--header-height: 70px}html,body{overflow-x:hidden;overflow-x:clip;background-color:var(--gray-1)}a{text-decoration:none}img{max-width:100%;height:auto}header{background-color:#fff;width:100%;height:var(--header-height);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;padding:0 20px}header img{height:100%;max-height:var(--header-height);width:auto}button:not(.special),a.button:not(.special){height:45px;padding:0 10px;border-radius:4px;color:#fff;cursor:pointer;transition:200ms all;font-weight:500}button:not(.special):active,a.button:not(.special):active{opacity:.95;transform:scale(0.95)}button:not(.special):hover,a.button:not(.special):hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}button:not(.special).brand,a.button:not(.special).brand{background-color:var(--brand)}.cta-button{font-size:18px;padding:12px 30px;height:auto;font-weight:600;letter-spacing:.5px}.home section{padding:80px 0}@media(max-width: 768px){.home section{padding:60px 0}}.home section:nth-child(even){background-color:#fff}.home section:nth-child(odd){background-color:var(--gray-1)}.home section .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:40px}@media(max-width: 992px){.home section .container{flex-direction:column;text-align:center}}.home section h2{color:var(--brand);font-size:36px;margin-bottom:20px;font-weight:700}.home section p{font-size:18px;line-height:1.6;margin-bottom:24px;color:var(--gray-9)}.home section ul{list-style-position:inside;margin-bottom:30px}.home section ul li{margin-bottom:10px;color:var(--gray-9)}.home section .cta-button{font-size:18px;padding:12px 30px;height:auto;font-weight:600;letter-spacing:.5px}.home .hero{padding-top:100px;padding-bottom:100px;background-color:#fff}@media(max-width: 992px){.home .hero .container{flex-direction:column-reverse}}.home .hero .hero-content{flex:1}.home .hero .hero-content h1{font-size:48px;font-weight:800;color:var(--brand);margin-bottom:24px;line-height:1.2}@media(max-width: 768px){.home .hero .hero-content h1{font-size:36px}}.home .hero .hero-content p{font-size:20px;margin-bottom:32px}.home .hero .hero-image{flex:1;display:flex;justify-content:center}.home .hero .hero-image img{max-width:100%;height:auto}.home .features .feature-content{flex:1}.home .features .feature-image{flex:1;display:flex;justify-content:center}.home .features .feature-image img{max-width:90%}@media(max-width: 992px){.home .security .container{flex-direction:column-reverse}}.home .security .security-content{flex:1}.home .security .security-image{flex:1;display:flex;justify-content:center}.home .security .security-image img{max-width:90%}.home .time-saving .time-content{flex:1}.home .time-saving .time-content .stats{display:flex;justify-content:space-between;margin:30px 0}@media(max-width: 768px){.home .time-saving .time-content .stats{flex-direction:column;gap:20px}}.home .time-saving .time-content .stats .stat{text-align:center;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);flex:1;margin:0 10px}@media(max-width: 768px){.home .time-saving .time-content .stats .stat{margin:0}}.home .time-saving .time-content .stats .stat .number{display:block;font-size:36px;font-weight:700;color:var(--supporting-2);margin-bottom:8px}.home .time-saving .time-content .stats .stat .label{color:var(--gray-9);font-size:16px}.home .time-saving .time-content .stats .stat:nth-child(1){border-top:4px solid var(--yellow-2)}.home .time-saving .time-content .stats .stat:nth-child(1) .number{color:var(--yellow-3)}.home .time-saving .time-content .stats .stat:nth-child(2){border-top:4px solid var(--supporting-2)}.home .time-saving .time-content .stats .stat:nth-child(3){border-top:4px solid var(--red-2)}.home .time-saving .time-content .stats .stat:nth-child(3) .number{color:var(--red-3)}.home .time-saving .time-image{flex:1;display:flex;justify-content:center}.home .time-saving .time-image img{max-width:90%}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal .modal-content{background-color:#fff;border-radius:8px;width:90%;max-width:500px;padding:40px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.2)}.modal .modal-content h2{color:var(--brand);margin-bottom:20px;font-size:28px;text-align:center}.modal .modal-content p{margin-bottom:25px;color:var(--gray-9);text-align:center}.modal .modal-content .close-modal{position:absolute;top:15px;right:15px;font-size:24px;background:none;cursor:pointer;color:var(--gray-6)}.modal .modal-content .close-modal:hover{color:var(--gray-9)}.modal .modal-content .benefits{margin:30px 0}.modal .modal-content .benefits .benefit{display:flex;align-items:center;margin-bottom:15px}.modal .modal-content .benefits .benefit .icon{color:var(--green-2);font-size:20px;margin-right:10px;font-weight:bold}.modal .modal-content .privacy-note{font-size:14px;color:var(--gray-6);margin-bottom:30px}.modal .modal-content .privacy-note::before{content:"⚠️";color:var(--yellow-3);margin-right:5px}.modal .modal-content .google-signin{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background-color:#fff;border:1px solid var(--gray-3);border-radius:4px;font-weight:500;color:var(--gray-9);cursor:pointer;transition:all .2s;text-decoration:none}.modal .modal-content .google-signin:hover{background-color:var(--gray-1)}.modal .modal-content .google-signin.disabled{opacity:.7;cursor:default;pointer-events:none}.modal .modal-content .google-signin.disabled:hover{background-color:#fff}.modal .modal-content .google-signin.loading{position:relative;color:rgba(0,0,0,0)}.modal .modal-content .google-signin.loading::after{content:"";position:absolute;width:20px;height:20px;top:50%;left:50%;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid var(--gray-3);border-top-color:var(--brand);animation:spinner .8s linear infinite}.modal .modal-content .google-signin.loading .google-icon{opacity:0}@keyframes spinner{to{transform:rotate(360deg)}}.modal .modal-content .google-signin .google-icon{width:18px;height:18px;margin-right:10px;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="%23EA4335" d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"/><path fill="%234285F4" d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"/><path fill="%23FBBC05" d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"/><path fill="%2334A853" d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"/><path fill="none" d="M0 0h48v48H0z"/></svg>');background-repeat:no-repeat;background-size:contain;display:inline-block}.status-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - var(--header-height));padding:40px 20px}.status-page .status-container{max-width:600px;margin:0 auto}.status-page .status-icon{width:120px;height:120px;margin-bottom:30px}.status-page .status-icon svg{width:100%;height:100%}.status-page h1{font-size:36px;font-weight:700;margin-bottom:20px}@media(max-width: 768px){.status-page h1{font-size:28px}}.status-page p{font-size:18px;line-height:1.6;color:var(--gray-9);margin-bottom:30px}@media(max-width: 768px){.status-page p{font-size:16px}}.status-page .action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.success-page{background-color:var(--gray-1)}.success-page .status-icon circle{fill:var(--green-1);opacity:.2}.success-page .status-icon path{fill:var(--green-3)}.success-page h1{color:var(--green-3)}.success-page .highlight{background-color:var(--green-1);color:var(--green-3);padding:2px 5px;border-radius:3px;font-weight:600}.success-page .stats{display:flex;justify-content:space-between;margin:40px 0}@media(max-width: 768px){.success-page .stats{flex-direction:column;gap:20px}}.success-page .stats .stat{flex:1;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.05);margin:0 10px}@media(max-width: 768px){.success-page .stats .stat{margin:0}}.success-page .stats .stat .number{display:block;font-size:32px;font-weight:700;color:var(--green-3);margin-bottom:8px}.success-page .stats .stat .label{color:var(--gray-9);font-size:16px}.error-page{background-color:var(--gray-1)}.error-page .status-icon circle{fill:var(--red-1);opacity:.2}.error-page .status-icon path{fill:var(--red-3)}.error-page h1{color:var(--red-3)}.error-page .error-details{background-color:#fff;border-radius:8px;padding:20px;margin:30px 0;border-left:4px solid var(--red-2);text-align:left}.error-page .error-details h3{color:var(--red-3);margin-bottom:10px;font-size:18px}.error-page .error-details p{margin-bottom:0;font-size:16px}.error-page .help-options{display:flex;flex-direction:column;gap:15px;margin-top:30px}.error-page .help-options .help-option{background-color:#fff;border-radius:8px;padding:15px;display:flex;align-items:center;text-align:left}.error-page .help-options .help-option .option-icon{width:40px;height:40px;margin-right:15px;display:flex;align-items:center;justify-content:center;border-radius:50%}.error-page .help-options .help-option .option-icon.yellow{background-color:var(--yellow-1);color:var(--yellow-3)}.error-page .help-options .help-option .option-icon.blue{background-color:var(--supporting-1);color:var(--supporting-3)}.error-page .help-options .help-option .option-content{flex:1}.error-page .help-options .help-option .option-content h4{margin-bottom:5px;color:var(--brand)}.error-page .help-options .help-option .option-content p{margin-bottom:0;font-size:14px}
