*{box-sizing:border-box}body{color:#1a1523;margin:0;font-family:SF Pro Display,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.auth-page{max-width:1100px;margin:1rem auto 2rem}.auth-card{background:#ffffffbf;border:1px solid #ffffffb3;border-radius:28px;grid-template-columns:1.1fr .9fr;gap:1rem;display:grid;overflow:hidden;box-shadow:0 20px 50px #170f281f}.auth-copy{color:#fff;background:linear-gradient(135deg,#1a1523,#2f1f4d 55%,#7c3aed);padding:2rem}.auth-copy h1{margin:1rem 0 .75rem;font-size:clamp(2rem,4vw,3.2rem)}.auth-copy p{color:#ffffffd6;max-width:42ch}.auth-points{gap:.85rem;margin-top:2rem;display:grid}.auth-points div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;padding:1rem}.auth-points strong,.auth-points small{display:block}.auth-points small{color:#ffffffb8;margin-top:.35rem}.auth-panel{background:#ffffffeb;flex-direction:column;justify-content:center;padding:2rem;display:flex}.auth-tabs{background:#140f1e0f;border-radius:999px;gap:.35rem;margin-bottom:1.25rem;padding:.35rem;display:inline-flex}.auth-tabs button{color:#5a5068;background:0 0;border:0;border-radius:999px;padding:.65rem 1rem}.auth-tabs button.active{color:#fff;background:#1a1523}.auth-form{gap:.9rem;display:grid}.auth-form label{color:#3a314a;gap:.35rem;font-weight:600;display:grid}.auth-form input{color:#1a1523;background:#fff;border:1px solid #ddd5e6;border-radius:14px;width:100%;padding:.85rem 1rem}.auth-form input:focus{border-color:#7c3aed;outline:2px solid #7c3aed3d}.auth-submit{justify-content:center;width:100%;padding:.85rem 1rem}.auth-switch{color:#5a5068;margin:1rem 0 0}.auth-switch button{color:#7c3aed;background:0 0;border:0;padding:0;font-weight:700}.auth-back{color:#5a5068;margin-top:1rem;font-weight:600;display:inline-flex}button{font:inherit;cursor:pointer}.app-shell{min-height:100vh;position:relative}.bg-layer{z-index:-1;background-image:linear-gradient(#fff6,#ffffffbf),url(/assets/backgroundimg.jpeg);background-position:50%;background-size:cover;position:fixed;inset:0}.content{max-width:1200px;margin:0 auto;padding:1rem}.content .auth-card{grid-template-columns:1fr}.content .auth-copy,.content .auth-panel{padding:1.4rem}.navbar{z-index:20;-webkit-backdrop-filter:blur(18px);background:#ffffffad;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:1rem;width:min(1200px,100% - 1rem);min-height:72px;margin:1rem auto 0;padding:.75rem 1rem;transition:all .3s;display:flex;position:sticky;top:0;box-shadow:0 18px 40px #170f281f}.navbar-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.navbar-hidden .brand span{max-width:0;transition:max-width .3s;overflow:hidden}.navbar-hidden .brand img{width:18px;height:18px}.navbar-small .desktop-nav{margin-left:auto}.brand{letter-spacing:.01em;color:#16111f;align-items:center;gap:.5rem;font-weight:800;display:flex}.brand img{border-radius:7px;width:26px;height:26px}.nav-links{background:#140f1e0d;border-radius:999px;align-items:center;gap:.35rem;margin-left:auto;padding:.3rem;display:flex}.nav-links button,.nav-links a{color:#5a5068;background:0 0;border:0;border-radius:999px;padding:.65rem .95rem;transition:background .2s,color .2s,transform .2s}.nav-links button:hover,.nav-links a:hover,.nav-links button:focus-visible,.nav-links a:focus-visible{color:#1a1523;background:#ffffffe6;transform:translateY(-1px)}.dark-btn{border:0;border-radius:10px;padding:.6rem 1rem;font-weight:700;box-shadow:0 10px 24px #1a152347;color:#fff!important;background:#1a1523!important}.menu-btn{color:#1a1523;background:#1a152314;border:0;border-radius:999px;width:42px;height:42px;margin-left:auto;font-size:1.15rem;display:none}.mobile-menu{display:none}.hero-card{color:#fff;background:linear-gradient(135deg,#5b21b6,#7c3aed,#db2777,#ea580c,#f97316);border-radius:24px;padding:2rem}.hero-card h1{margin:1rem 0;font-size:clamp(1.8rem,4vw,2.8rem)}.badge{background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.actions{flex-wrap:wrap;gap:.8rem;margin-top:1rem;display:flex}.hero-card .actions a{color:#fff;border:1px solid #ffffff59;border-radius:12px;padding:.6rem 1rem}.features-strip{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.feature-item{background:linear-gradient(135deg,#fff,#fff6ef);border:1px solid #ffe8d6;border-radius:16px;padding:1rem}.feature-item .icon{background:#fff0e6;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.templates{background:#fff;border-radius:16px;margin-top:1.5rem;padding:1.5rem;box-shadow:0 2px 16px #00000014}.template-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.template-card{text-align:left;background:0 0;border:0}.template-card .thumb{aspect-ratio:16/9;border-radius:12px;justify-content:end;align-items:end;padding:.5rem;transition:transform .2s,box-shadow .2s;display:flex}.template-card:hover .thumb,.template-card:focus-visible .thumb{transform:translateY(-2px);box-shadow:0 16px 30px #0000001f}.template-card .thumb span{color:#fff;background:#000c;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.template-card strong{margin-top:.5rem;display:block}.template-card small{color:#606060;display:block}.cta{color:#fff;background:linear-gradient(135deg,#1a1523,#3b1d6b);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.5rem;padding:2rem;display:flex}.gradient-btn{color:#fff;background:linear-gradient(90deg,#7c3aed,#f97316);border:0;border-radius:12px;padding:.7rem 1rem;font-weight:700}.cta .actions button:last-child{color:#fffc;background:0 0;border:1px solid #ffffff4d;border-radius:12px;padding:.7rem 1rem}.about-page{background:#ffffffb3;border-radius:16px;max-width:1000px;margin:1rem auto 2rem;padding:1.5rem}.checks{padding-left:1.2rem}.about-page details{background:#fff;border:1px solid #e5e0e8;border-radius:8px;margin-bottom:.75rem;padding:.8rem 1rem}.about-page summary{cursor:pointer;font-weight:600}.reviews{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.reviews article{background:#fff;border:1px solid #e5e0e8;border-radius:12px;padding:1rem}.reviews article small{color:#8b5cf6;display:block}.modal-overlay{background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:560px;overflow:hidden}.modal-head{aspect-ratio:16/9;justify-content:start;align-items:start;padding:1rem;display:flex}.modal-head span{color:#fff;background:#0000002e;border-radius:999px;padding:.4rem .7rem}.modal h3,.modal>p,.modal ul,.modal-actions{margin-inline:1.2rem}.modal ul{padding-left:1rem}.modal-actions{gap:.7rem;margin-bottom:1.2rem;display:flex}.modal-actions button:last-child{background:#fff;border:1px solid #d7d7d7;border-radius:10px;padding:.6rem 1rem}@media (width<=820px){.navbar{border-radius:24px;width:calc(100% - .75rem);margin-top:.5rem;padding:.7rem .85rem}.nav-links,.desktop-nav{display:none}.menu-btn{place-items:center;display:inline-grid}.mobile-menu{z-index:19;-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #ffffff8c;border-radius:24px;gap:.5rem;width:calc(100% - .75rem);margin:.5rem auto 0;padding:.75rem;display:grid;position:sticky;top:84px;box-shadow:0 20px 42px #170f2829}.mobile-menu button,.mobile-menu a{text-align:left;color:#1a1523;background:#1a15230d;border:0;border-radius:16px;width:100%;padding:.9rem 1rem}.mobile-menu .dark-btn{text-align:center;margin-top:.25rem}}