:root{--background:#0d0c0d;--block:#0f0f11;--text:#858185;--main:#b2a7fb;--main2:#c6beff;--card-bg:#1d1d1f;--button-bg:#444;--button-bg-hover:#555;--tag-bg:#333;--tag-color:#fff;--primary-color:#b2a7fb;--secondary-color:#16361d;--tertiary-color:#219b31;--background-color:#0d0c0d;--text-color:#858185;--hover-color:#c0b7fc;--primary-darker:#786ebb;--darker-button:#121214;--button-background:#141414;--button-text:#fff;--tag-background:#111011;--tag-text:#9693a8;--light-block-color:#dddff1;--light-primary-color:#7674f5;--light-background-color:#f7f7f7;--light-text-color:#333;--light-hover-color:#5f5bff;--light-button-background:#d1d8e9;--light-button-text:#202020;--font-family:"Geist", sans-serif}*,*::after,*::before{box-sizing:border-box}.top-section{width:100%;padding:20px;text-align:center;background-color:var(--background);z-index:2}h1{font-size:3rem;margin-top:100px;margin-bottom:10px}.description{font-size:1rem;margin-bottom:20px;color:var(--text)}.back-button{display:inline-block;padding:10px 20px;background-color:var(--main);color:#000;text-decoration:none;font-size:1.2rem;border-radius:5px;transition:background-color 0.3s;margin-bottom:40px}.back-button:hover{background-color:var(--main2)}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:15px}.block{background-color:var(--block);color:#fff;border-radius:10px;text-align:center;font-size:30px;padding:40px;box-sizing:border-box;border:1px solid #2e2e2e}.block-1{height:auto;padding:25px}.block-2{height:150px}.block-3{height:280px}.block-4{height:270px}.block-5{height:270px}.block-6{height:420px}@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)}.back-button{display:inline-block;padding:10px 20px;background-color:var(--main);color:#000;text-decoration:none;font-size:1.2rem;border-radius:5px;transition:background-color 0.3s;margin-bottom:40px}.back-button:hover{background-color:var(--main2)}}.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(--button-text);font-size:27px;font-weight:500;margin-top:10px}.block-1 h2{display:flex;margin-top:10px;font-size:15px;font-weight:500;color:var(--text-color);margin-left:10px}.block-1 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em;margin-left:10px}@media (max-width: 768px){.block-1 h1{font-size:23px}.block-1 h2{font-size:12px}}.block-3 h1,.block-3 h2{margin-top:0;margin-bottom:0;padding:0;text-align:left}.block-3 h1{display:flex;align-items:center;justify-content:flex-start;gap:8px;color:var(--button-text);font-size:27px;font-weight:500}.block-3 h2{display:flex;margin-top:10px;margin-bottom:20px;font-size:15px;font-weight:500;color:var(--text-color)}.block-3 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em}@media (max-width: 768px){.block-3 h1{font-size:23px}.block-3 h2{font-size:12px}}.block-3 label{display:flex;font-size:20px;color:var(--primary-color);margin-bottom:20px}.block-3 input{font-size:18px;height:30px;width:300px;margin-top:8px;margin-bottom:16px;display:flex;color:var(--text);background-color:var(--block);border:1px solid #2e2e2e;border-radius:6px;padding-left:10px}@media (max-width: 768px){.block-3 label{display:flex;font-size:18px;color:var(--primary-color);margin-bottom:20px}.block-3 input{font-size:16px;height:30px;width:100%;margin-top:8px;margin-bottom:16px;display:flex;color:var(--text);background-color:var(--block);border:1px solid #2e2e2e;border-radius:6px;padding-left:10px}}.block-3 input:focus,textarea:focus{border-color:var(--primary-darker);outline:none}.block-3 button{margin-top:25px;display:flex;padding:10px 20px;background-color:var(--main);color:#000;text-decoration:none;font-size:1.2rem;border-radius:5px;transition:background-color 0.3s;margin-bottom:40px;border:none;cursor:pointer}.block-3 button:hover{background-color:var(--main2)}.accordion{margin-top:25px}.accordion-item{background-color:var(--block);color:var(--text-color);border-radius:10px;margin-bottom:10px;border:1px solid #2e2e2e}.accordion-header{background-color:var(--darker-button);color:var(--button-text);gap:10px;padding:15px;font-size:17px;text-align:left;cursor:pointer;border:none;display:flex;align-items:center;justify-content:flex-start;transition:background-color 0.3s ease;border-radius:10px;width:100%}.accordion-header:hover{background-color:var(--tag-background)}.accordion-body{padding:15px;display:none;background-color:var(--tag-background);border-top:1px solid #333;border-radius:0 0 10px 10px}.accordion-body p{font-size:16px;color:var(--text-color)}.accordion-header svg{margin-right:10px;width:1.3em;height:1.3em;color:var(--primary-color)}@media (max-width: 768px){.accordion-header{font-size:15px}.accordion-body{font-size:14px}}.accordion-item h3{font-size:18px;color:var(--text-color);margin-bottom:10px}.accordion-item p{font-size:16px;color:var(--text-color)}.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(--button-text);font-size:27px;font-weight:500;margin-top:10px}.block-5 h2{display:flex;margin-top:0;font-size:15px;font-weight:500;color:var(--text-color);margin-bottom:25px;margin-left:10px}.block-5 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em;margin-left:10px}.block-5 p{margin-top:3px;font-size:16px;color:var(--button-text);display:inline}.block-5 a{color:var(--primary-color);font-size:16px;text-decoration:none;display:inline;margin-left:5px;vertical-align:baseline}.block-5 a:hover{text-decoration:underline}.block-5 svg{color:var(--primary-color);width:1.1em;height:1.1em;margin-right:10px}@media (max-width: 768px){.accordion-item p{font-size:14px}.block-5 h1{font-size:23px}.block-5 h2{font-size:12px}.block-5 p{font-size:15px}.block-5 a{font-size:16px}}.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(--button-text);font-size:27px;font-weight:500;margin-top:10px}.block-6 h2{display:flex;margin-top:0;font-size:15px;font-weight:500;color:var(--text-color);margin-bottom:25px;margin-left:10px}.block-6 h1 svg{color:var(--primary-color);width:1.1em;height:1.1em;margin-left:10px}@media (max-width: 768px){.block-6 h1{font-size:23px}.block-6 h2{font-size:12px}}.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(--button-text);font-size:27px;font-weight:500;margin-top:10px}.block-4 h2{margin-left:10px;display:flex;margin-top:0;font-size:15px;font-weight:500;color:var(--text-color)}.block-4 h1 svg{color:var(--primary-color);margin-left:10px;width:1.1em;height:1.1em}@media (max-width: 768px){.block-4 h1{font-size:23px}.block-4 h2{font-size:12px;margin-bottom:-10px}}.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 0.2s linear;border-radius:7px;border:1px solid gray}.color span{font-size:20px;opacity:0;transition:opacity 0.1s linear}.color:nth-child(1){background:var(--hover-color)}.color:nth-child(2){background:var(--primary-color)}.color:nth-child(3){background:var(--primary-darker)}.color:nth-child(4){background:var(--block)}.color:nth-child(5){background:var(--background-color)}.color:hover{flex:2;box-shadow:rgb(100 100 111 / 0.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(--primary-color)}.designs i{margin-right:10px;width:20px;height:20px;margin-top:2px;color:var(--primary-color)}.font{margin-top:20px;margin-left:16px;display:flex;font-size:20px;color:var(--tag-text)}.font a{margin-left:20px;display:flex;font-size:22px;color:#fff}.icons{margin-top:20px;margin-left:18px;display:flex;font-size:20px;color:var(--tag-text)}.icons a{margin-left:20px;margin-right:20px;display:flex;font-size:22px;color:#fff}.stack{margin-top:20px;display:flex;font-size:20px;color:var(--tag-text)}.stack a{margin-left:20px;margin-right:20px;display:flex;font-size:22px;color:#fff;pointer-events:none;cursor:default}@media (max-width: 768px){.palette{height:60%}.color span{display:flex;width:50px;font-size:16px}.font{font-size:16px}.font a{font-size:18px}.icons{font-size:16px}.icons a{font-size:18px}.stack{font-size:16px}.stack a{font-size:18px}.designs{padding:10px}.designs svg,.icons svg,.stack svg{width:15px;height:15px}.color{height:70px}.font,.icons{margin-top:10px}.font a,.icons a{margin-left:10px;font-size:16px}.font,.stack{margin-top:10px}.font a,.stack a{margin-left:10px;font-size:16px}}@media (max-width: 480px){.palette{height:50%}.color{height:60px}.font,.icons{font-size:10px}.font a,.icons a{font-size:13px}.font,.stack{font-size:10px}.font a,.stack a{font-size:13px}.color span{font-size:14px}}.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 0.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 0.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(0.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 0.8s ease-in-out alternate infinite}.block-4 .image-gallery .image-container:hover .bar:nth-child(2){animation-delay:0.2s}.block-4 .image-gallery .image-container:hover .bar:nth-child(3){animation-delay:0.4s}.block-4 .image-gallery .image-container:hover .bar:nth-child(4){animation-delay:0.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}}