body{flex-direction:column;gap:1rem;min-height:100vh;display:flex}header,main,footer{width:100%;max-width:1000px;margin:0 auto;padding:1rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}header div:first-of-type a{text-decoration:none}.goto{align-items:center;gap:1rem;display:flex}.goto a:first-of-type{display:none}.full-line{background:var(--background-muted);height:1px}main{flex-direction:column;flex:1;gap:2rem;display:flex}.hero-section{flex:1;grid-template-columns:repeat(1,minmax(0,1fr));gap:3rem;padding:2rem;display:grid}.hero-section>div:first-of-type{flex-direction:column;gap:1rem;display:flex}.header-text{font-size:2.5rem;line-height:2.5rem}.hero-section svg{height:2rem;margin-bottom:.5rem;padding-left:.5rem}.hero-section>div:first-of-type p{max-width:300px}.hero-display{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.hero-display>div{flex-direction:column;gap:1rem;display:flex}.hero-display>div:first-of-type{padding-top:2.5rem}.hero-display .card{aspect-ratio:16/9;border-radius:var(--border-radius-small);gap:1rem;display:flex}.hero-display .card>div:first-of-type{flex-direction:column;flex:1;gap:.5rem;display:flex}.card-header,.card-description-large,.card-description-small{border-radius:var(--border-radius-small);background:var(--color-link);opacity:.4}.card-header{padding:1rem 0}.card-description-large{width:80%;padding:.35rem 0}.card-description-small{width:64%;padding:.35rem 0}.card-blank{flex:1}.card-square{background:var(--color-link-transparent);border-radius:var(--border-radius-small);width:30%;padding:2rem 0}section{flex-direction:column;gap:1rem;display:flex}section>h2{padding-bottom:1rem}.analytics-card{border-radius:var(--border-radius-large);grid-template-columns:repeat(2,minmax(0,1fr));gap:.25rem;display:grid;overflow:hidden}.analytics-item{background:var(--background-muted);padding:1rem}.analytics-item p{text-transform:capitalize}.card-container{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}.subscription-card{flex-direction:column;transition-duration:.2s;display:flex;position:relative;overflow:hidden;background:#fff!important}.subscription-card>div:first-of-type{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.status{border-radius:var(--border-radius-small);padding:.25rem .5rem}.sub-cost{align-items:flex-end;gap:.5rem;display:flex}.sub-cost p{margin-bottom:-2px}.sub-renewal{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:.5rem;display:grid}.sub-renewal h4{margin-top:-.5rem}.white-line{background:var(--background-muted);width:100%;height:3px;margin:1rem 0}.subscription-actions{pointer-events:none;opacity:0;z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:1rem;transition-duration:.2s;display:flex;position:absolute;bottom:0;left:0}.subscription-actions button{width:100%}.subscription-actions button i{padding-right:.5rem}.subscription-card:hover .subscription-actions{pointer-events:all;opacity:1}.add-subscriptions{flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex;padding:4rem 1rem!important}section form{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}section form label{width:100%;max-width:unset;flex-direction:column;gap:.25rem;display:flex}form textarea{resize:none}.form-submit-btns{justify-content:space-between;align-items:center;gap:1rem;display:flex}.fat-column{grid-column:span 2/span 2}.login{flex-direction:column;flex:1;justify-content:center;gap:1rem;width:100%;max-width:600px;margin:0 auto;padding:4rem 0;display:flex}.login>div:last-of-type{align-items:center;gap:1rem;display:flex}footer{margin-top:2rem}.hard-line{background:var(--border-secondary);height:1px}.footer-content{flex-direction:column;justify-content:space-between;gap:1rem;padding:4rem 1rem;display:flex}.footer-content>div:first-of-type{flex-direction:column;gap:1rem;display:flex}.footer-content>div:first-of-type div{align-items:center;gap:.5rem;display:flex}.footer-content>div:last-of-type div{align-items:center;gap:1rem;display:flex}@media (min-width:640px){.goto a:first-of-type{display:block}.hero-section>div:first-of-type p{max-width:400px}.analytics-card{grid-template-columns:repeat(3,minmax(0,1fr))}.card-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}section form{gap:1rem 2rem}}@media (min-width:768px){.hero-section{grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem;padding:6rem 0}.footer-content{flex-direction:row}.footer-content>div:last-of-type{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}}
:root{--background-primary:white;--background-secondary:"";--background-tertiary:#dbeafe;--background-accent:"";--background-compliment:"";--background-gradient:"";--background-muted:#f8fafc;--color-primary:#030615;--color-secondary:"";--color-tertiary:"";--color-accent:"";--color-compliment:"";--color-gradient:"";--color-muted: ;--color-link:#2563eb;--color-link-transparent:rgba(37,99,235,.1);--color-success:"";--color-warning:"";--color-error:"";--color-info:"";--color-highlight:#fef9c3;--gradient-start:#9580ff;--gradient-end:#80ffea;--border-primary:#f1f5f9;--border-secondary:#bed1e7;--border-highlight:#64748b;--border-tertiary:"";--shadow-dark:"";--shadow-light:"";--shadow-text:"";--padding-small:1rem;--padding-large:2rem;--border-radius-small:.5rem;--border-radius-large:.75rem;--highlight-border-radius:.5rem;--text-selection:""}*{box-sizing:border-box;margin:0;padding:0;font-family:Eczar,serif}body{background:var(--background-primary);color:var(--color-primary);font-size:.875rem;line-height:1.6rem}.text-gradient{-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-image:linear-gradient(135deg,var(--gradient-start)0,var(--gradient-end)100%);-webkit-box-decoration-break:clone;background-size:100%}h1,h2,h3,h4,h5,h6,button{width:-moz-fit-content;width:fit-content;font-family:Grenze,serif}h1{font-size:1.875rem;line-height:2.25rem}h2{font-size:1.5rem;line-height:2rem}h3{font-size:1.25rem;line-height:1.75rem}h4,.text-medium{font-size:1.125rem;line-height:1.75rem}h5{font-size:1rem;line-height:1.5rem}h6{font-size:.875rem;line-height:1.25rem}p{width:-moz-fit-content;width:fit-content;display:block}span{font-weight:inherit;font-size:inherit;line-height:inherit}address{font-style:normal}aside{float:right;width:40%;color:var(--color-primary);background-color:var(--background-muted);border-radius:var(--border-radius-large);margin:.5rem;padding:.75rem;font-style:italic}blockquote{margin:0;padding-left:1.5rem;position:relative}blockquote:after{content:"";border-left:7px solid var(--border-primary);border-radius:6px;height:100%;display:block;position:absolute;top:0;left:0}blockquote footer{padding-top:1rem}dd{padding-bottom:11px}dt{font-weight:700}figcaption{padding-top:10px;font-size:.8rem}ul,ol{padding-left:1rem;list-style-position:inside}li{line-height:1.6em}a{color:var(--color-link)}a:active,a:focus,a:hover{text-decoration:none}mark,samp,kbd,code,time{border-radius:var(--highlight-border-radius,4px);-webkit-box-decoration-break:clone;box-decoration-break:clone}mark{background-color:var(--color-highlight);padding:0 4px}samp{background-color:var(--background-muted);color:var(--color-primary);padding:.5rem 1rem;font-weight:700}kbd,time{background-color:var(--background-muted);color:var(--color-primary);padding:0 .5rem}code,pre{background:var(--background-muted);border:1px solid var(--border-primary);max-width:-moz-fit-content;max-width:fit-content;padding:.2rem .5rem;font-size:.9em;overflow-x:auto}pre>code{border:0;padding:10px;display:block;overflow-x:auto}pre{border-radius:var(--border-radius-large)}sup,sub{line-height:normal}audio{width:100%}audio,img,video{border-radius:var(--border-radius-large);max-width:100%}img{height:auto}table{border:1px solid var(--border-primary);background:var(--background-muted);border-radius:var(--border-radius-small);width:-moz-fit-content;width:fit-content}table tr:last-child td:first-child{border-bottom-left-radius:8px}table tr:last-child td:last-child{border-bottom-right-radius:8px}table tr:first-child th:first-child{border-top-left-radius:8px}table tr:first-child th:last-child{border-top-right-radius:8px}th{background-color:var(--background-muted)}td{background:var(--background-primary)}td,th{text-align:left;padding:8px}thead{border-collapse:collapse}tfoot{border-top:1px solid #000}table tr:hover td,tbody tr:nth-child(2n):hover td{background-color:var(--background-muted)}button,select,input[type=submit],input[type=button],input[type=checkbox],input[type=range],input[type=radio]{cursor:pointer}button{color:var(--color-primary);background-color:var(--background-primary);width:-moz-fit-content;width:fit-content;font-family:inherit;font-size:inherit;border:1.5px solid var(--border-secondary);border-radius:var(--border-radius-small);box-shadow:2px 2px 0 0 var(--border-secondary);padding:.25rem 1.25rem;font-weight:500;transition-duration:.2s}button:hover{box-shadow:0 0 0 0 var(--border-secondary);transform:translate(2px,2px)}button[disabled]:hover{box-shadow:2px 2px 0 0 var(--border-secondary);transform:translate(0)}button:disabled,button[disabled]{border:1.5px solid var(--border-secondary);cursor:initial;opacity:.55}label{max-width:-moz-fit-content;max-width:fit-content;font-weight:500;display:block}input,textarea,select{background-color:var(--background-muted);border:1px solid var(--border-secondary);color:var(--color-primary);border-radius:var(--border-radius-small);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;width:100%;padding:.5rem .75rem;font-size:1em}input:disabled{cursor:not-allowed;opacity:.6}input[type=number].buttonless{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number].buttonless::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:none}input[type=number].buttonless::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox],input[type=radio]{vertical-align:middle;width:-moz-fit-content;width:fit-content;margin:.5rem .25rem .5rem .5rem;padding:.5rem;position:relative}input[type=checkbox]{border-radius:7px;margin-left:0}input[type=radio]{border-radius:100%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--border-secondary)}input[type=range]{vertical-align:middle;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:initial;max-width:initial;border:none;outline-style:none;width:3rem;height:2rem}select[multiple]{background:0 0;height:-moz-fit-content;height:fit-content}fieldset:focus-within,input:focus-within,textarea:focus-within,select:focus-within,fieldset:hover,input:hover,textarea:hover,select:hover{border-color:var(--border-highlight)}progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1rem;margin:.75rem 0}progress::-webkit-progress-bar{background:var(--background-main);border:1px solid var(--border-primary);border-radius:var(--highlight-border-radius)}progress::-webkit-progress-value{background-color:var(--color-link);border-radius:var(--border-radius-small)}progress::-moz-progress-bar{background-color:var(--color-link);border-radius:var(--border-radius-small)}fieldset{border:1px solid var(--border-primary);border-radius:var(--border-radius-small);max-width:-moz-fit-content;max-width:fit-content;margin:0 0 6px;padding:1rem}details{border:1px solid var(--border-primary);border-radius:var(--border-radius-small);padding:.5rem .75rem}summary{font-weight:700}details[open] summary{border-bottom:1px solid var(--border-primary);margin-bottom:.5rem}.card,.button-card{background-color:var(--background-muted);color:var(--color-primary);border-radius:.5rem;padding:1rem}.card{border:1px solid var(--color-link-transparent)}.button-card{border:1px solid var(--border-secondary);box-shadow:none}.button-card:hover{box-shadow:none;border-color:var(--border-highlight);transform:translate(0)}.card-button-primary,.card-button-secondary{box-shadow:none!important;border:none!important}.card-button-primary{color:var(--background-primary);background:var(--color-link)}.card-button-secondary{color:var(--color-link);background:var(--color-link-transparent)}.card-button-primary:hover,.card-button-secondary:hover{opacity:.6;transform:none}@media (min-width:640px){body{font-size:1rem;line-height:1.5rem}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4,.text-medium{font-size:1.25rem;line-height:1.75rem}h5{font-size:1.125rem;line-height:1.75rem}h6{font-size:1rem;line-height:1.5rem}button{width:-moz-fit-content;width:fit-content}input{max-width:600px}}
