.red{color:#b30000}.flipped{transform:rotate(180deg)}#playing-cards{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.card{box-sizing:border-box;text-align:center;background-color:#fff;border:2px solid #04080f;border-radius:12px;justify-content:space-between;width:250px;height:350px;padding:10px;font-size:30px;font-weight:700;display:flex}.left{align-self:flex-start}.middle{flex-direction:column;align-self:center;font-size:80px;display:flex}.right{align-self:flex-end}.middle-section{justify-content:center;display:flex}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--nav-width:320px;--content-max:980px;--radius:8px;--spacing:28px}.docs-layout{align-items:flex-start;padding-top:0;display:flex}#navbar{width:var(--nav-width);background-color:#c8c4c1;height:fit-content;max-height:100vh;padding-top:20px;position:sticky;top:0;overflow-y:auto}#navbar .nav-title{padding:0 24px 20px;font-family:Ubuntu,sans-serif;font-size:1.4rem;font-weight:700}#navbar ul{margin:0;padding:0;list-style:none}#navbar a{padding:14px 28px;text-decoration:none;transition:all .18s;display:block}#main-doc{max-width:var(--content-max);margin-left:24px;padding:40px}.main-section{margin-bottom:32px;padding-bottom:24px}h2{margin-bottom:12px;font-family:Ubuntu,sans-serif;font-size:1.35rem;font-weight:700}section article{font-size:1rem}code{white-space:pre;border-radius:var(--radius);margin:16px 0;padding:16px;display:block;overflow-x:auto}@media only screen and (width<=900px){:root{--nav-width:100%}.docs-layout{flex-direction:column}#navbar{width:100%;max-height:none}#main-doc{margin-top:20px;margin-left:0;padding:28px}}@media only screen and (width<=420px){#main-doc{padding:20px}code{padding:12px;font-size:.9rem}}body{color:#04080f;background-color:#eae6e5;padding:17px;font-family:Inter,sans-serif}.page-intro{color:#04080f;max-width:900px;margin:0 auto 20px;font-size:1rem;line-height:1.5}.book-inv{color:#04080f;margin-top:32px;margin-bottom:16px;font-family:Ubuntu,sans-serif;font-weight:700}.table-container{margin-top:24px;overflow-x:auto}table{border-collapse:collapse;background-color:#f7f5f4;border:2px solid #757083;border-radius:8px}thead{color:#fff;background-color:#757083}th{text-align:left;padding:14px;font-family:Ubuntu,sans-serif;font-size:1rem;font-weight:500}td{border-top:1px solid #c8c4c3;padding:12px;font-size:.95rem}tr.read{background-color:#00b9ae26}tr.to-read{background-color:#04080f0d}tr.in-progress{background-color:#ffae4226}.status{color:#04080f;border-radius:12px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-block}.read .status{background-color:#00b9ae40;border:1px solid #00b9ae}.to-read .status{background-color:#75708340;border:1px solid #757083}.in-progress .status{background-color:#ffae4240;border:1px solid #ffae42}.rate{align-items:center;gap:6px;display:flex}.rate span{aspect-ratio:1;background-color:#d6d3d2;border-radius:50%;flex:0 0 14px}.rate[data-rate=one] span:first-child,.rate[data-rate=two] span:nth-child(-n+2),.rate[data-rate=three] span{background-color:#00b9ae}*,:before,:after{box-sizing:border-box}.visually-hidden{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.product-header{color:#f7f5f4;background-color:#04080f;justify-content:space-between;align-items:center;margin-bottom:40px;padding:32px;display:flex}.product-header img{width:auto;max-height:60px}#nav-bar{gap:20px;display:flex}.nav-link{color:#d6eaff;font-weight:600;text-decoration:none}.nav-link:hover{color:#fff}#hero{text-align:center;margin-top:20px}#hero .tagline{margin-bottom:20px}#form{flex-direction:column;align-items:center;gap:10px;padding:10px;display:flex}#submit{color:#fff;cursor:pointer;background-color:#006b63;border:none;padding:10px 20px}#features{margin-top:40px}#how-it-works{justify-content:center;margin:40px 0;display:flex}#video{border:none;width:100%;max-width:560px}#pricing{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px;display:flex}.product{text-align:center;background-color:#fff;flex:260px;max-width:300px;padding:20px}.level{color:#fff;background-color:#4a4d57;padding:10px 0;font-weight:700}.btn{color:#fff;cursor:pointer;background-color:#006b63;border:none;margin-top:15px;padding:10px 20px}.btn:hover{background-color:#00423d}#title{text-align:center;margin-bottom:10px}#description{text-align:center;margin-bottom:30px;font-style:italic}#survey-form{flex-direction:column;gap:15px;display:flex}#survey-form input,#survey-form select,#survey-form textarea{background-color:#fff;border:1px solid #04080f;padding:8px;font-size:1rem}#survey-form textarea{min-height:120px}#email{width:100%}#submit{color:#fff;cursor:pointer;background-color:#006b63;border:none;padding:12px;font-weight:700}#submit:hover{background-color:#00423d}body{font-optical-sizing:auto;color:#04080f;background-color:#eae6e5;padding:17px;font-family:Inter,sans-serif;font-style:normal;font-weight:400}h1{margin-top:32px;margin-bottom:16px;font-family:Ubuntu,sans-serif;font-style:normal;font-weight:700}h2{font-size:24px}h2,h3{margin-top:32px;margin-bottom:16px;font-family:Inter,sans-serif}p,ul{margin-bottom:16px}main.no-center{max-width:none;margin:0;padding:0}main{max-width:900px;margin:0 auto}header{color:#f7f5f4;background-color:#04080f}footer{color:#fff;background-color:#4a4d57}body a{color:#006b63}body a:hover{color:#00423d}footer a{margin-bottom:8px;display:block}header a,footer a{color:#d6eaff}header a:hover,footer a:hover{color:#bcdcff}header,footer{padding:32px}
