body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}.home{font-family:Inter,sans-serif;line-height:1.6;padding:2rem}.home section{margin-bottom:4rem}.home .hero{text-align:center}.home .hero h1{font-size:2.5rem;margin-bottom:.5rem}.home .hero p{color:#444;font-size:1.1rem}.home .hero .hero__buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.home .hero .hero__buttons .btn{border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.home .hero .hero__buttons .btn.primary{background:#4c1d95;color:#fff}.home .hero .hero__buttons .btn.primary:hover{background:#6b21a8}.home .hero .hero__buttons .btn.secondary{border:2px solid #4c1d95;color:#4c1d95}.home .hero .hero__buttons .btn.secondary:hover{background:#4c1d95;color:#fff}.home .hero .hero__buttons .btn.large{font-size:1.2rem;padding:1rem 2rem}.home .how-it-works .steps{display:flex;flex-direction:column;gap:1.5rem}@media(min-width:768px){.home .how-it-works .steps{flex-direction:row;justify-content:space-around}}.home .how-it-works .steps .step{background:#f3f4f6;border-radius:8px;flex:1 1;padding:1.5rem;text-align:center}.home .how-it-works .steps .step h3{color:#4c1d95;margin-bottom:.5rem}.home .benefits ul{list-style:none;padding:0}.home .benefits ul li{font-weight:500;margin-bottom:.75rem}.home .benefits ul li:before{color:green;content:"✔️ ";margin-right:.5rem}.home .stats{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-around;text-align:center}.home .stats .stat-box{background:#ede9fe;border-radius:10px;min-width:120px;padding:1.5rem}.home .stats .stat-box h3{color:#4c1d95;font-size:2rem}.home .stats .stat-box p{font-weight:700;margin-top:.5rem}.home .testimonials .testimonial{padding:2rem;text-align:center}.home .testimonials .testimonial img{border:3px solid #4c1d95;border-radius:50%;height:80px;margin-bottom:1rem;object-fit:cover;width:80px}.home .testimonials .testimonial p{font-style:italic;margin-bottom:.5rem}.home .testimonials .testimonial span{color:#4c1d95;font-weight:700}.home .cta{text-align:center}.home .cta h2{font-size:1.8rem;margin-bottom:1rem}.home .footer-highlight{background:#f9fafb;border-top:2px solid #ddd;padding:2rem;text-align:center}.home .footer-highlight form{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.home .footer-highlight form input{border:1px solid #ccc;border-radius:6px;max-width:300px;padding:.5rem;width:100%}.home .footer-highlight form button{background:#4c1d95;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1.2rem}.home .footer-highlight form button:hover{background:#6b21a8}.create-tanda{font-family:Inter,sans-serif;margin:0 auto;max-width:500px;padding:2rem 1rem}.create-tanda h2{color:#4c1d95;font-size:2rem;margin-bottom:1.5rem;text-align:center}.create-tanda form{display:flex;flex-direction:column;gap:1.25rem}.create-tanda form label{color:#333;display:flex;flex-direction:column;font-size:.95rem;font-weight:500}.create-tanda form label input,.create-tanda form label select,.create-tanda form label textarea{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-top:.4rem;padding:.6rem .8rem;transition:border .3s}.create-tanda form label input:focus,.create-tanda form label select:focus,.create-tanda form label textarea:focus{border-color:#9333ea;outline:none}.create-tanda form label textarea{min-height:60px;resize:vertical}.create-tanda form .checkbox{align-items:center;color:#4c1d95;flex-direction:row;font-size:.95rem;gap:.5rem}.create-tanda form .checkbox input[type=checkbox]{accent-color:#6d28d9;margin:0;width:auto}.create-tanda form button{background:linear-gradient(135deg,#6d28d9,#a855f7);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.8rem;transition:background .3s ease}.create-tanda form button:hover{background:linear-gradient(135deg,#5b21b6,#9333ea)}.modal-overlay{align-items:center;background:#0009;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal{background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000004d;max-width:400px;padding:2rem;text-align:center;width:90%}.modal h3{margin-bottom:1rem}.modal p{margin:.5rem 0}.modal .modal-actions{display:flex;justify-content:space-around;margin-top:1.5rem}.modal .modal-actions .confirm{background:#4caf50}.modal .modal-actions .cancel,.modal .modal-actions .confirm{border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem}.modal .modal-actions .cancel{background:#f44336}.dashboard{font-family:Inter,sans-serif;padding:2rem 1rem}.dashboard h2{color:#4c1d95;font-size:2rem;margin-bottom:1.5rem;text-align:center}.dashboard__empty{color:#666;font-size:1rem;text-align:center}.dashboard__list{gap:1.25rem}.dashboard__card,.dashboard__list{display:flex;flex-direction:column}.dashboard__card{background-color:#f5f3ff;border-radius:12px;box-shadow:0 2px 8px #0000000d;gap:.4rem;padding:1rem}.dashboard__card h3{color:#6d28d9;font-size:1.3rem}.dashboard__card p{color:#333;font-size:.95rem}.dashboard__card p strong{color:#4c1d95}.dashboard__actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.dashboard__actions button{background-color:#e0e7ff;border:none;border-radius:6px;color:#3730a3;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.dashboard__actions button.delete{background-color:#fee2e2;color:#991b1b}.dashboard__actions button:hover{opacity:.85}.header{align-items:center;background:#4c1d95;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem;position:relative}.header__logo a{color:#fff;font-size:1.5rem;font-weight:700}.header__toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem}@media(max-width:768px){.header__toggle{display:block}}.header__nav{align-items:center;display:flex;gap:1.2rem}.header__nav a{color:#fff;font-weight:500;text-decoration:none}.header__nav a.active{color:#facc15;text-decoration:underline}.header__nav a:hover{opacity:.85}@media(max-width:768px){.header__nav{background:#4c1d95;display:none;flex-direction:column;left:0;padding:1rem;position:absolute;right:0;top:100%}.header__nav.open{display:flex}}.logout-btn{background:#0000;border:2px solid #fff;border-radius:6px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.4rem .8rem;transition:all .3s ease}.logout-btn:hover{background:#facc15;border-color:#facc15;color:#4c1d95}@media(max-width:768px){.logout-btn{margin-top:.5rem;text-align:center;width:100%}}.header__avatar{align-items:center;background:#facc15;border:2px solid #fff;border-radius:50%;color:#4c1d95;display:inline-flex;font-weight:700;height:38px;justify-content:center;overflow:hidden;text-decoration:none;width:38px}.header__avatar img{border:none;border-radius:50%;height:100%;object-fit:cover;width:100%}.header__avatar span{font-size:1rem}.header__avatar:hover{outline:2px solid #facc15;outline-offset:2px}.header__avatar-wrapper{position:relative}.header__dropdown{animation:fadeIn .25s ease;background:#fff;border-radius:6px;box-shadow:0 6px 16px #00000026;min-width:140px;padding:.5rem 0;position:absolute;right:0;top:130%;z-index:1000}.header__dropdown .logout-btn,.header__dropdown a{background:#0000;border:none;color:#4c1d95;cursor:pointer;display:block;font-size:.9rem;font-weight:500;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:background .2s;width:100%}.header__dropdown .logout-btn:hover,.header__dropdown a:hover{background:#f3e8ff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.header__logo,.header__logo a{align-items:center;display:flex}.header__logo a{text-decoration:none}.header__logo a img{height:80px;object-fit:contain;transition:transform .3s ease;width:auto}.header__logo a img:hover{transform:scale(1.05)}@media(max-width:768px){.header__logo img{height:32px}}.footer{background-color:#f5f3ff;color:#4c1d95;font-size:.9rem;margin-top:auto;padding:1rem}.footer,.join-tanda{font-family:Inter,sans-serif;text-align:center}.join-tanda{padding:2rem 1rem}.join-tanda h2{color:#6d28d9;font-size:2rem;margin-bottom:1.5rem}.join-tanda input{border:1px solid #ccc;border-radius:8px;font-size:1rem;margin-bottom:1rem;max-width:300px;padding:.75rem;width:80%}.join-tanda button{background:#6d28d9;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;margin:.5rem auto;padding:.75rem 1.5rem}.join-tanda button:hover{background:#5b21b6}.join-tanda .success{color:#15803d;font-weight:600;margin-top:1rem}.tanda-detail{font-family:Inter,sans-serif;padding:2rem 1rem}.tanda-detail h2{color:#6d28d9;font-size:2rem;margin-bottom:1rem;text-align:center}.tanda-detail p{color:#333;font-size:1rem;margin-bottom:.5rem}.tanda-detail p strong{color:#4c1d95}.tanda-detail__members{margin-top:2rem}.tanda-detail__members h3{color:#4c1d95;margin-bottom:1rem}.tanda-detail__members .member{align-items:center;background-color:#f5f3ff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem 1rem}.tanda-detail__members .member .paid{color:#15803d;font-weight:600}.tanda-detail__members .member button{background-color:#6d28d9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem}.tanda-detail__members .member button:hover{background-color:#5b21b6}.tanda-detail__history{margin-top:2rem}.tanda-detail__history h3{color:#4c1d95;margin-bottom:1rem}.tanda-detail__history p{color:#444;font-size:.95rem}.members{font-family:Inter,sans-serif;padding:2rem 1rem}.members h2{color:#6d28d9;font-size:2rem;margin-bottom:2rem;text-align:center}.members .filter-controls,.members .sort-controls{margin-bottom:1rem;text-align:center}.members .filter-controls select,.members .sort-controls select{background:#fff;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;margin-left:.5rem;padding:.4rem .6rem}.members .filter-controls select:focus,.members .sort-controls select:focus{outline:2px solid #c4b5fd}.members__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.members .member-card{background-color:#f5f3ff;border-radius:12px;box-shadow:0 2px 6px #0000000d;padding:1rem;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.members .member-card:hover{box-shadow:0 4px 10px #00000014;transform:translateY(-3px)}.members .member-card .avatar{align-items:center;background-color:#6d28d9;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto .5rem;width:60px}.members .member-card .avatar-img{border-radius:50%;box-shadow:0 0 0 2px #6d28d9;display:block;height:60px;margin:0 auto .5rem;object-fit:cover;width:60px}.members .member-card .upload-input{margin-bottom:.5rem}.members .member-card .upload-input input[type=file]{font-size:.75rem;width:100%}.members .member-card h4{color:#4c1d95;font-size:1.1rem;margin:.5rem 0}.members .member-card p{color:#444;font-size:.95rem;margin:.25rem 0}.directory__card button{background-color:#6d28d9;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;margin-top:1rem;padding:.6rem 1.2rem;transition:background .3s}.directory__card button:hover{background-color:#5b21b6}.directory__card .joined{color:#15803d;font-weight:700;margin-top:1rem}.login{align-items:center;background:linear-gradient(to bottom right,#4c1d95,#6b21a8);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login__container{background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;max-width:400px;padding:2.5rem;text-align:center;width:100%}.login__container h2{color:#4c1d95;font-weight:700;margin-bottom:1.5rem}.login__container form{display:flex;flex-direction:column;gap:1.2rem}.login__container form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.75rem;transition:border .2s ease}.login__container form input:focus{border-color:#7c3aed;outline:none}.login__container form button{background:#4c1d95;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:background .3s}.login__container form button:hover{background:#6d28d9}.login__container form .error{color:#dc2626;font-size:.9rem}.login__container form .success{color:#16a34a;font-size:.9rem}.login__container p{font-size:.9rem;margin-top:1rem}.login__container p a{color:#4c1d95;font-weight:700;text-decoration:none}.login__container p a:hover{text-decoration:underline}.or-divider{color:#666;font-size:.85rem;margin:1.5rem 0 1rem;position:relative;text-align:center}.or-divider:after,.or-divider:before{background:#ccc;content:"";height:1px;position:absolute;top:50%;width:40%}.or-divider:before{left:0}.or-divider:after{right:0}.signup{align-items:center;background:linear-gradient(to bottom right,#4c1d95,#6b21a8);display:flex;justify-content:center;min-height:100vh;padding:2rem}.signup__container{background:#fff;border-radius:10px;box-shadow:0 8px 20px #00000026;max-width:400px;padding:2.5rem;text-align:center;width:100%}.signup__container h2{color:#4c1d95;font-weight:700;margin-bottom:1.5rem}.signup__container form{display:flex;flex-direction:column;gap:1.2rem}.signup__container form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;padding:.75rem;transition:border .2s ease}.signup__container form input:focus{border-color:#7c3aed;outline:none}.signup__container form button{background:#4c1d95;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem;transition:background .3s}.signup__container form button:hover{background:#6d28d9}.signup__container form .error{color:#dc2626;font-size:.9rem}.signup__container form .success{color:#16a34a;font-size:.9rem}.signup__container p{font-size:.9rem;margin-top:1rem}.signup__container p a{color:#4c1d95;font-weight:700;text-decoration:none}.signup__container p a:hover{text-decoration:underline}.google-btn{align-items:center;background:#fff;border:2px solid #ccc;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:.75rem;transition:all .3s ease;width:100%}.google-btn:hover{background:#f3f4f6;border-color:#999}.google-btn .google-icon{height:20px;width:20px}.profile{font-family:Inter,sans-serif;padding:2rem}.profile h2{color:#4c1d95;font-size:1.8rem;margin-bottom:1rem}.profile__card{background:#f3e8ff;border-radius:12px;box-shadow:0 0 10px #0000000d;padding:1.5rem}.profile__card p{color:#333;margin:.5rem 0}.profile__card strong{color:#6b21a8}
/*# sourceMappingURL=main.2ff34454.css.map*/