:root{--base:#f0f2f6;--text-default:#333;--text-contrast:#fff;--max-screen-width:1256px;--widget-tile-size:256px;--buncss-light:initial;--buncss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--buncss-light: ;--buncss-dark:initial}}@font-face{font-family:Raleway;src:url(./Raleway-VariableFont_wght-cy4ng7ev.ttf)format(truetype);font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Raleway;src:url(./Raleway-Italic-VariableFont_wght-qgzter3t.ttf)format(truetype);font-style:italic;font-weight:100 900}@font-face{font-family:Doto;src:url(./Doto-VariableFont_ROND-wght-np3tecsz.ttf)format(truetype);font-weight:100 900}*{margin:0;padding:0}html,body{width:100%;height:100%}html{background-color:var(--base);color:var(--text-default);margin:0 auto;padding:0;font-family:Raleway}button{color:var(--text-contrast);background:linear-gradient(#709cf4 0%,#528bfb 100%);border:2px solid #fff;border-radius:99px;width:270px;height:48px;padding:15px 15px 11px 11px;box-shadow:-4px -4px 8px #fff3,4px 4px 8px #0003}button:hover{cursor:pointer;background:var(--base)}.homepage-center-container{width:100vw;margin:24px auto}.homepage-center{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;margin:auto}.navbar{display:flex;position:relative;background:#fff;border-radius:12px;justify-content:space-between;align-items: center;max-width:1200px;height:70px;margin:0 auto;padding:0 2rem;box-shadow:0 2px 10px #0000001a}.logo-section{display:flex;flex-shrink:0;align-items: center;min-width:40px;max-width:300px}.logo{object-fit:contain;width:auto;max-width:100%;height:40px;transition:all .3s}.logo.square{width:40px;height:40px}.logo.wide{max-width:200px;height:32px}.nav-center{position:absolute;display:flex;z-index:1;gap:2rem;left:50%;transform:translate(-50%)}.nav-center .nav-link{color:#333;text-decoration:none;white-space:nowrap;position:relative;border-radius:8px;padding:.5rem 1rem;transition:all .3s;font-weight:500}.nav-center .nav-link:hover{color:#2563eb;background:#f0f8ff}.nav-center .nav-link.active{color:#fff;background:#2563eb;font-weight:700}.nav-center .nav-link.active:after{content:"";position:absolute;background:#2563eb;border-radius:50%;width:6px;height:6px;bottom:-8px;left:50%;transform:translate(-50%)}.nav-right{display:flex;flex-shrink:0;align-items: center}.nav-right .nav-link{pointer:cursor;color:var(--text-contrast);background:linear-gradient(#709cf4 0%,#528bfb 100%);border:2px solid #fff;border-radius:99px;padding:15px 15px 11px 11px;box-shadow:-4px -4px 8px #fff3,4px 4px 8px #0003}.homepage-hero-container{max-width:700px}.homepage-hero-container h1{text-align:center}main{justify-content:center}.template-grid{width:100vw}.minimal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--widget-tile-size),1fr));gap:1rem}.minimal-box{width:var(--widget-tile-size);height:var(--widget-tile-size);animation:fade 1.5s ease-in-out infinite;background:#0000004d;border:2px solid #00000073;border-radius:12px;flex-direction:column}.minimal-box:first-child{animation-delay:0s}.minimal-box:nth-child(2){animation-delay:.15s}.minimal-box:nth-child(3){animation-delay:.3s}.minimal-box:nth-child(4){animation-delay:.45s}@keyframes fade{0%,to{opacity:.3}50%{opacity:1}}.template-import .container{filter:blur(1px);animation:fade-import 1.5s ease-in-out infinite;width:calc(100vw - 12px);max-width:500px;margin:12px auto}@keyframes fade-import{0%,to{opacity:.7}50%{opacity:1}}.template-import .upload-area{display:flex;cursor:pointer;background:linear-gradient(145deg,#e1e8edcc,#f0f4f8cc);border:3px dashed #a0aec0;border-radius:14px;flex-direction:column;align-items: center;width:340px;height:340px;margin:auto;transition:all .3s}.template-import .upload-area h2{color:#a0aec0;text-align:center}.template-import .upload-area input{display:none}.template-import .upload-area svg{flex-grow:1;align-self: center}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.value-card{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-left:5px solid #667eea;border-radius:12px;padding:30px;transition:transform .3s,box-shadow .3s}.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001a}.value-card h3{color:#2c3e50;display:flex;align-items: center;gap:10px;margin-bottom:15px;font-size:1.4rem}.value-card .icon{font-size:1.5rem}.value-card p{color:#666;text-align:left;margin:0;font-size:1rem}.footer{color:#e5e5e5;background:#1a1a1a;margin-top:auto;padding:3rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:flex;flex-wrap:wrap;gap:3rem;margin-bottom:2rem}.footer-section{flex:1;min-width:200px}.footer-section h3{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.5rem}.footer-section a{color:#b0b0b0;text-decoration:none;transition:color .3s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;padding-top:1.5rem;font-size:.9rem}@media (max-width:768px){.footer-content{flex-direction:column;gap:2rem}.footer-section{text-align:center}.footer{padding:2rem 1rem 1.5rem}}@media (max-width:480px){.footer-section h3{font-size:1rem}.footer{padding:1.5rem 1rem}.footer-content{gap:1.5rem}}@media (max-width:768px){.navbar{height:60px;padding:0 1rem}.logo{height:32px}.logo.wide{max-width:120px;height:28px}.nav-center{gap:.8rem}.nav-center .nav-link{padding:.4rem .8rem;font-size:.9rem}.nav-right .nav-link{padding:.5rem 1rem;font-size:.9rem}}@media (max-width:600px){.navbar{padding:0 .8rem}.nav-center{gap:.5rem}.nav-center .nav-link{padding:.3rem .6rem;font-size:.85rem}.logo-section{max-width:100px}.logo.wide{max-width:90px}}@media (max-width:480px){:root{--widget-tile-size:128px}.navbar{padding:0 .5rem}.nav-center .nav-link{padding:.25rem .5rem;font-size:.8rem}.nav-right .nav-link{padding:.4rem .8rem;font-size:.8rem}.logo-section{max-width:80px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.floating{animation:float 6s ease-in-out infinite}@keyframes pulse{0%{box-shadow:0 0 #667eeab3}70%{box-shadow:0 0 0 10px #667eea00}to{box-shadow:0 0 #667eea00}}.pulse{animation:pulse 2s infinite}