@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:500;src:url("../fonts/geist-v3-latin-ext-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:Geist;font-style:normal;font-weight:700;src:url("../fonts/geist-v3-latin-ext-700.woff2") format("woff2")}:root{--background:#0d0c0d;--block:#0f0f11;--block-border:#222;--text:#858185;--main:#b2a7fb;--main2:#c0b7fc;--card-bg:#1d1d1f;--button-bg:#444;--button-bg-hover:#555;--font-family:"Geist",sans-serif;--button-padding:10px 10px;--header:#efefef}.top-section{width:100%;padding:20px;text-align:center}h1{font-size:3rem;margin-top:100px;margin-bottom:10px}.description{font-size:1rem;margin-bottom:20px;color:var(--text)}.back-button{display:inline-flex;align-items:center;padding:10px 20px;background-color:var(--main);color:#000;text-decoration:none;font-size:1.2rem;border-radius:10px;transition:background-color .3s,transform .3s ease;margin-bottom:40px;border:none;cursor:pointer;font-family:Geist,sans-serif}.back-button:hover{background-color:var(--main2)}.back-button:active{transform:scale(.98)}.back-button svg{transition:.3s ease;width:20px;height:20px;margin-right:10px;vertical-align:middle;display:inline-flex;align-items:center}.back-button:hover svg{transform:translateX(-8px)}@media (max-width:768px){.back-button{padding:8px 16px;font-size:1rem;margin-bottom:30px}.back-button svg{width:18px;height:18px;margin-right:8px}}a{color:inherit;text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Geist,sans-serif;background-color:var(--background);color:#fff;margin:0;padding:0;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:2000px;gap:15px;padding:30px;position:relative}.column{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 30%;gap:18px;margin-bottom:8px}.block{background-color:var(--block);color:#fff;border-radius:10px;text-align:center;padding:40px;box-sizing:border-box;border:1px solid var(--block-border)}.block-1{height:auto;padding:25px}.block-2{height:150px}.block-3{height:280px}.block-4{height:260px}.block-5{height:270px}.block-6{height:380px}@media (max-width:768px){.container{flex-direction:column;gap:10px;padding:10px}.column{width:100%}.block{height:auto}h1{font-size:2rem;margin-top:100px;margin-bottom:10px}.description{font-size:1rem;margin-bottom:20px;color:var(--text)}}.block-1 h1,.block-1 h2{margin-top:0;margin-bottom:0;padding:0;text-align:left}.block-1 h1{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--header);font-size:1.6rem;font-weight:500;margin-top:10px}.block-1 h2{display:flex;margin-top:10px;font-size:1rem;font-weight:500;color:var(--text);margin-left:10px}.block-1 h1 svg{color:var(--main);width:1.1em;height:1.1em;margin-left:10px}@media (max-width:768px){.block-1 h1{font-size:1.4rem}.block-1 h2{font-size:.8rem}}.accordion{margin-top:25px}.accordion-item{background-color:var(--block);color:var(--text);border-radius:10px;margin-bottom:10px;border:1px solid var(--block-border)}.accordion-header{background-color:var(--block);color:var(--header);gap:10px;padding:15px;font-size:1rem;text-align:left;cursor:pointer;border:none;display:flex;align-items:center;justify-content:flex-start;transition:background-color .3s ease;border-radius:10px;width:100%}.accordion-body{padding:15px;display:none;background-color:var(--block);border-top:1px solid #333;border-radius:0 0 10px 10px;color:var(--text)}.accordion-header svg{margin-right:10px;width:1.3em;height:1.3em;color:var(--main)}@media (max-width:768px){.accordion-header{font-size:1rem}.accordion-body{font-size:.9rem}}.accordion-item h3{font-size:1.1rem;color:var(--text);margin-bottom:10px}.accordion-item p{font-size:1rem;color:var(--text)}.block-4{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.block-4 h1,.block-4 h2{margin-top:0;margin-bottom:0;padding:0;text-align:left}.block-4 h1{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--header);font-size:1.6rem;font-weight:500;margin-top:10px}.block-4 h2{margin-left:10px;display:flex;margin-top:0;font-size:1rem;font-weight:500;color:var(--text)}.block-4 h1 svg{color:var(--main);margin-left:10px;width:1.1em;height:1.1em}.album-folder-btn{background:0 0;border:1px solid var(--block-border);padding:10px;border-radius:8px;cursor:pointer;color:#888;position:relative}.album-folder-btn .album-folder-hover{display:none;position:absolute;left:100%;top:50%;transform:translateY(-50%);width:370px;height:300px;background:var(--block);border:1px solid var(--block-border);border-radius:8px;z-index:100;margin-left:-10px;opacity:1;box-shadow:0 2px 8px rgba(0,0,0,.3);padding:8px}.album-folder-btn .album-folder-hover .hover-thumbs-table{width:100%;height:100%;border-collapse:separate;border-spacing:12px}.album-folder-btn .album-folder-hover .hover-thumbs-table td{padding:0;border:none}.album-folder-btn .album-folder-hover .hover-thumbs-table img{width:75px;height:75px;object-fit:cover;border-radius:5px;display:block;filter:blur(6px);transition:all .3s ease}.album-folder-btn .album-folder-hover .hover-thumbs-table img:hover{filter:blur(0);transform:scale(1.1)}.album-folder-btn:hover .album-folder-hover{display:block}.album-folder-btn:hover svg{color:var(--main);transition:all .3s ease-in-out;transform:scale(1.05)}@media (max-width:768px){.block-4 h1{font-size:1.4rem}.block-4 h2{font-size:.8rem;margin-bottom:-10px}.album-folder-btn{display:none}}.block-4 .image-gallery{margin-left:10px;margin-top:30px;display:flex;justify-content:flex-start;gap:15px;flex-wrap:wrap}.block-4 .image-gallery .image-container{position:relative;width:90px;height:90px;overflow:hidden;border-radius:8px;aspect-ratio:1}.block-4 .image-gallery img{width:100%;height:100%;object-fit:cover;border-radius:8px;transition:all .3s ease;cursor:pointer}.block-4 .image-gallery .play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:0;transition:opacity .3s ease}.block-4 .image-gallery .play-overlay svg{position:absolute;color:var(--main);width:30px;height:30px;pointer-events:none;bottom:20px;flex-shrink:0;transform:none!important;animation:none}.block-4 .image-gallery .play-overlay .bars{display:flex;gap:3px;margin-top:8px}.block-4 .image-gallery .play-overlay .bar{width:3px;height:15px;background:#fff;border-radius:3px}.block-4 .image-gallery .image-container:hover img{filter:brightness(.3);transform:scale(1.1)}.block-4 .image-gallery .image-container:hover .play-overlay{opacity:1}.block-4 .image-gallery .image-container:hover .bar{animation:playing .8s ease-in-out alternate infinite}.block-4 .image-gallery .image-container:hover .bar:nth-child(2){animation-delay:.2s}.block-4 .image-gallery .image-container:hover .bar:nth-child(3){animation-delay:.4s}.block-4 .image-gallery .image-container:hover .bar:nth-child(4){animation-delay:.6s}@keyframes playing{0%{height:5px}50%{height:15px}100%{height:5px}}@media (max-width:768px){.block-4 .image-gallery .image-container{justify-content:center;width:80px;height:80px;margin-right:0;flex-wrap:wrap}}.block-5{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;box-sizing:border-box}.block-5 h1,.block-5 h2{margin-top:0;margin-bottom:0;padding:0;text-align:left}.block-5 h1{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--header);font-size:1.6rem;font-weight:500;margin-top:10px}.block-5 h2{display:flex;margin-top:0;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:25px;margin-left:10px}.block-5 h1 svg{color:var(--main);width:1.1em;height:1.1em;margin-left:10px}.block-5 p{margin-top:3px;font-size:1rem;color:var(--header);display:block;text-align:left;line-height:1.5}.block-5 a{color:var(--main);font-size:1rem;text-decoration:none;display:inline;margin-left:0;vertical-align:baseline}.block-5 a:hover{text-decoration:underline}.block-5 svg{color:var(--main);width:1.1em;height:1.1em;margin-right:8px;vertical-align:top;display:inline-block;margin-top:2px}@media (max-width:768px){.accordion-item p{font-size:.9rem}.block-5 h1{font-size:1.4rem}.block-5 h2{font-size:.8rem}.block-5 p{font-size:.9rem}.block-5 a{font-size:.9rem}.block-5 svg{margin-left:12px}}.block-6{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px}.block-6 h1,.block-6 h2{margin-top:0;margin-bottom:0;padding:0;text-align:left}.block-6 h1{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--header);font-size:1.6rem;font-weight:500;margin-top:10px}.block-6 h2{display:flex;margin-top:0;font-size:1rem;font-weight:500;color:var(--text);margin-bottom:25px;margin-left:10px}.block-6 h1 svg{color:var(--main);width:1.1em;height:1.1em;margin-left:10px}@media (max-width:768px){.block-6 h1{font-size:1.4rem}.block-6 h2{font-size:.8rem}}.palette{display:flex;height:100px;width:100%;border-radius:10px}.color{height:100px;flex:1;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;transition:flex .2s linear;border-radius:7px;border:1px solid gray}.color span{font-size:1.2rem;opacity:0;transition:opacity .1s linear}.color:first-child{background:#c0b7fc}.color:nth-child(2){background:var(--main)}.color:nth-child(3){background:#786ebb}.color:nth-child(4){background:var(--block)}.color:nth-child(5){background:var(--background)}.color:hover{flex:2;box-shadow:rgb(100 100 111 / .2) 0 7px 29px 0}.color:hover span{opacity:1}.designs{display:flex;flex-direction:column}.designs svg{margin-right:10px;width:20px;height:20px;margin-top:2px;color:var(--main)}.designs i{margin-right:10px;width:20px;height:20px;margin-top:2px;color:var(--main)}.font{margin-top:22px;display:flex}.font a{margin-left:20px;display:flex;align-items:center;font-size:1.3rem;color:var(--header)}.icons{margin-top:22px;display:flex}.icons a{margin-left:20px;margin-right:20px;display:flex;align-items:center;font-size:1.3rem;color:var(--header)}@media (max-width:768px){.palette{height:60%}.color span{display:flex;width:50px;font-size:1rem}.color{height:70px}}@media (max-width:480px){.palette{height:50%}.color{height:60px}.color span{font-size:.9rem}.font a,.icons a{font-size:1rem}.designs svg{width:18px;height:18px}}