@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=VT323&family=Playfair+Display:ital,wght@0,700;1,400&family=Courier+Prime:wght@700&family=UnifrakturMaguntia&family=Lexend+Mega&family=Comic+Neue:wght@700&display=swap";:root{--bg-color: #eef1f5}body{background-color:var(--bg-color);font-family:Inter,sans-serif;margin:0;padding:0;color:#333}.container{padding:20px}@media(min-width:640px){.container{padding:40px}}@media(max-width:768px){.gallery{grid-template-columns:1fr;gap:40px}h1{font-size:1.8rem}}h1{text-align:center;margin-bottom:10px;font-size:2.5rem;letter-spacing:-1px}p.subtitle{text-align:center;color:#666;margin-bottom:60px;max-width:600px;margin-left:auto;margin-right:auto}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:60px;max-width:1400px;margin:0 auto}.style-wrapper{display:flex;flex-direction:column;align-items:center}.label{margin-top:20px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:.8rem;color:#555;text-align:center}.desc{font-size:.75rem;color:#888;margin-top:5px;max-width:280px;text-align:center}.card{width:100%;min-height:200px;height:auto;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:all .3s ease;padding:20px 10px}@media(min-width:640px){.card{height:240px;min-height:240px;padding:0}}.neobrutalism{background-color:#ff5e5e;border:4px solid #000;box-shadow:10px 10px #000}.neo-tag{background:#fff;border:3px solid #000;padding:5px 10px;font-weight:900;text-transform:uppercase;font-size:.8rem;margin-bottom:10px;transform:rotate(-3deg)}.neobrutalism h2{font-family:Lexend Mega,sans-serif;font-size:2rem;color:#000;text-transform:uppercase;line-height:.9;margin:0;text-align:center}.neo-btn{margin-top:15px;background:#4443ff;color:#fff;border:3px solid #000;padding:10px 20px;font-weight:700;box-shadow:4px 4px #000;cursor:pointer}.neo-btn:hover{translate:2px 2px;box-shadow:2px 2px #000}.minimalism{background-color:#fff;box-shadow:0 20px 60px #0000000d;border-radius:8px;align-items:flex-start;padding:40px;box-sizing:border-box}.min-dot{width:40px;height:40px;background:#f0f0f0;border-radius:50%;margin-bottom:20px}.minimalism h2{font-weight:500;font-size:1.5rem;color:#111;margin:0 0 10px;letter-spacing:-.5px}.min-text{width:60%;height:6px;background:#eee;margin-bottom:8px}.glass-bg{background:url(https://images.unsplash.com/photo-1550684848-fac1c5b4e853?q=80&w=1000&auto=format&fit=crop) center/cover;border-radius:20px;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.glass-card{width:80%;height:60%;background:#ffffff26;box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:15px;border:1px solid rgba(255,255,255,.3);display:flex;flex-direction:column;padding:20px;box-sizing:border-box;color:#fff}.glass-icon{width:30px;height:30px;background:#fff6;border-radius:8px;margin-bottom:10px}.glass-line{width:100%;height:8px;background:#fff6;border-radius:4px;margin-bottom:8px}.neumorphism{background-color:#efeeee;border-radius:30px;box-shadow:15px 15px 30px #c5c5c5,-15px -15px 30px #fff;display:flex;gap:20px;flex-direction:row}.neu-btn-round{width:60px;height:60px;border-radius:50%;background:#efeeee;box-shadow:6px 6px 12px #c5c5c5,-6px -6px 12px #fff;display:flex;align-items:center;justify-content:center;color:#777;font-size:1.2rem}.neu-track{width:10px;height:100px;border-radius:10px;background:#efeeee;box-shadow:inset 4px 4px 8px #c5c5c5,inset -4px -4px 8px #fff;position:relative}.neu-thumb{width:20px;height:20px;border-radius:50%;background:#efeeee;position:absolute;left:-5px;top:20%;box-shadow:3px 3px 6px #c5c5c5,-3px -3px 6px #fff}.cyberpunk{background-color:#050505;border:2px solid #0ff;box-shadow:0 0 15px #0ff;overflow:hidden;font-family:Space Mono,monospace}.cyberpunk:before{content:" ";display:block;position:absolute;inset:0;background:linear-gradient(#12101000 50%,#00000040 50%),linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f);background-size:100% 2px,3px 100%;pointer-events:none;z-index:2}.cy-h2{font-size:2.2rem;color:#f0f;text-shadow:2px 2px #0ff;animation:glitch 1s linear infinite}@keyframes glitch{2%,64%{transform:translate(2px) skew(0)}4%,60%{transform:translate(-2px) skew(0)}62%{transform:translate(0) skew(5deg)}}.cy-btn{border:1px solid #f0f;color:#f0f;background:#ff00ff1a;padding:5px 15px;margin-top:10px;text-transform:uppercase;font-size:.8rem;letter-spacing:2px}.pixel-art{background-color:#639;image-rendering:pixelated;font-family:VT323,monospace}.pixel-ui-box{background:#fff;border:4px solid #fff;padding:10px;box-shadow:-4px 0 #000,4px 0 #000,0 -4px #000,0 4px #000;margin-bottom:10px}.pixel-art h2{margin:0;font-size:2.5rem;color:#000}.pixel-heart{width:10px;height:10px;background:red;box-shadow:10px 0 red,-10px 0 red,0 10px red,0 20px red,10px 10px red,-10px 10px red;margin-top:20px}.frutiger{background:linear-gradient(180deg,#8adbf7,#fff,#87cd31);border-radius:12px;overflow:hidden;border:1px solid #fff}.frutiger:after{content:"";position:absolute;top:0;left:0;width:100%;height:45%;background:linear-gradient(to bottom,#ffffffe6,#ffffff1a);border-bottom-left-radius:50% 20px;border-bottom-right-radius:50% 20px}.aero-window{width:140px;height:90px;background:#ffffffb3;border:1px solid #fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;z-index:2;display:flex;flex-direction:column;overflow:hidden}.aero-header{height:20px;background:linear-gradient(to bottom,#7bbdee,#3d8cd6)}.aero-content{flex:1;display:flex;align-items:center;justify-content:center}.aero-btn{background:linear-gradient(#f9f9f9,#dcdcdc);border:1px solid #aaa;padding:4px 12px;border-radius:4px;color:#333;font-size:.7rem}.claymorphism{background-color:#fce7f3;display:flex;gap:15px}.clay-card{background:#fff;border-radius:20px;padding:20px;color:#d15688;font-weight:800;font-size:1.2rem;box-shadow:inset 6px 6px 10px #e6e6e6,inset -6px -6px 10px #fff,10px 10px 20px #e1c8d8}.clay-circle{width:50px;height:50px;border-radius:50%;background:#d15688;box-shadow:inset 4px 4px 8px #ffffff80,inset -4px -4px 8px #0003,8px 8px 16px #0000001a}.acid{background:#000;overflow:hidden}.acid-grid{position:absolute;width:200%;height:200%;background-image:radial-gradient(#333 1px,transparent 1px);background-size:20px 20px;transform:perspective(300px) rotateX(40deg) translateY(-50px);opacity:.5}.acid h2{font-family:UnifrakturMaguntia,cursive;font-size:3.5rem;background:linear-gradient(180deg,#fff,#444,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 8px rgba(255,255,255,.6));z-index:2;margin:0}.acid-shape{width:150px;height:150px;border:1px solid #666;border-radius:50%;position:absolute;animation:spin 10s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeuomorphism{background-color:#333;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E")}.skeuo-switch{width:80px;height:140px;background:linear-gradient(to right,#ccc,#eee,#ccc);border-radius:4px;border:1px solid #666;box-shadow:0 0 5px #000,inset 0 0 5px #fff;display:flex;align-items:center;justify-content:center}.skeuo-toggle{width:50px;height:80px;background:linear-gradient(to bottom,#f0f0f0,#d0d0d0);box-shadow:0 4px 6px #00000080,inset 0 1px #fff;border:1px solid #999}.paper{background-color:#f7f5e6;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E")}.paper-cut{background:#222;color:#fff;padding:10px 20px;font-family:Courier Prime,monospace;font-size:1.5rem;clip-path:polygon(0% 5%,5% 0%,15% 5%,25% 0%,35% 5%,45% 0%,55% 5%,65% 0%,75% 5%,85% 0%,95% 5%,100% 0%,100% 95%,95% 100%,85% 95%,75% 100%,65% 95%,55% 100%,45% 95%,35% 100%,25% 95%,15% 100%,5% 95%,0% 100%);transform:rotate(-3deg);box-shadow:5px 5px 10px #0000004d}.paper-tape{width:100px;height:30px;background:#fff9;position:absolute;top:40px;transform:rotate(2deg);box-shadow:0 1px 3px #0000001a}.anti{background-color:#00f;color:#ff0;font-family:Comic Neue,cursive;overflow:visible}.anti h2{font-size:3rem;position:absolute;top:20px;left:10px;mix-blend-mode:difference;transform:scaleX(1.5)}.anti-img{width:120px;height:80px;background:red;position:absolute;bottom:30px;right:10px;transform:rotate(15deg);border:2px dashed #00FF00}.anti-marquee{position:absolute;top:45%;background:#fff;color:#000;width:110%;padding:5px;transform:rotate(-5deg);font-family:serif}.swiss{background-color:#e63946;align-items:flex-start;padding:30px;box-sizing:border-box}.swiss-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.1) 1px,transparent 1px);background-size:40px 40px}.swiss h2{font-family:Inter,sans-serif;font-weight:900;font-size:3.5rem;color:#fff;line-height:.8;letter-spacing:-2px;z-index:2}.swiss-shape{width:60px;height:60px;background:#fff;border-radius:50%;margin-bottom:20px;z-index:2}.holo{background:linear-gradient(135deg,#ff9a9e,#fad0c4,#a18cd1,#fbc2eb,#ff9a9e);background-size:400% 400%;animation:holoFlow 4s ease infinite;border-radius:16px}@keyframes holoFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holo-card{width:80%;height:50%;background:#fff3;border:1px solid rgba(255,255,255,.5);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;letter-spacing:2px;text-shadow:0 2px 5px rgba(0,0,0,.1);mix-blend-mode:overlay}.risograph{background-color:#f7f7f7;position:relative}.risograph:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.25'/%3E%3C/svg%3E");pointer-events:none}.riso-img-1{width:100px;height:100px;background:#08c;border-radius:50%;position:absolute;top:40px;left:60px;mix-blend-mode:multiply}.riso-img-2{width:100px;height:100px;background:#f36;border-radius:50%;position:absolute;top:80px;left:100px;mix-blend-mode:multiply}.riso-label{position:absolute;bottom:20px;font-weight:900;color:#222;mix-blend-mode:multiply;letter-spacing:1px}.monokai{background-color:#272822;font-family:Courier Prime,monospace;padding:25px;box-sizing:border-box;align-items:flex-start}.monokai-line{display:flex;gap:10px;margin-bottom:8px;font-size:.85rem}.monokai .line-num{color:#75715e}.monokai .keyword{color:#f92672}.monokai .func{color:#a6e22e}.monokai .string{color:#e6db74}.monokai .comment{color:#75715e;font-style:italic}.cosmic{background:linear-gradient(135deg,#0d0823,#1a0a3e,#0d0823);overflow:hidden}.cosmic-star{position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fff}.cosmic h2{font-family:Righteous,cursive;font-size:2.5rem;color:#85e3ff;text-shadow:0 0 20px #85E3FF,0 0 40px #FF00A0;z-index:2}.cosmic-ring{width:120px;height:120px;border:2px solid rgba(133,227,255,.3);border-radius:50%;position:absolute;animation:pulse-ring 3s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.soft-pop{background-color:#f0f0ff;border-radius:20px}.pop-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px #4d94ff26;display:flex;flex-direction:column;align-items:center}.pop-icon{width:50px;height:50px;background:linear-gradient(135deg,#ff69b4,#4d94ff);border-radius:12px;margin-bottom:15px}.soft-pop h2{font-family:Poppins,sans-serif;color:#333;font-size:1.2rem;margin:0}.pop-btn{margin-top:15px;background:#ff69b4;color:#fff;border:none;padding:8px 20px;border-radius:20px;font-weight:600}.vintage{background-color:#fff3e0;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.06'/%3E%3C/svg%3E")}.vintage-frame{border:3px double #5D4037;padding:20px 30px;background:#ffffff80}.vintage h2{font-family:Abril Fatface,cursive;color:#5d4037;font-size:2rem;margin:0;letter-spacing:2px}.vintage-ornament{width:60px;height:2px;background:#bcaaa4;margin:15px auto 0}.modern-clean{background-color:#fff;box-shadow:0 4px 20px #0000000d;padding:30px;box-sizing:border-box;align-items:flex-start}.modern-badge{background:#0984e3;color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;margin-bottom:15px}.modern-clean h2{font-family:Inter,sans-serif;font-weight:600;color:#2d3436;font-size:1.5rem;margin:0 0 10px}.modern-text{color:#636e72;font-size:.9rem;line-height:1.5}.forest{background-color:#2c3a47;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30z' fill='none' stroke='rgba(88,177,159,0.1)' stroke-width='1'/%3E%3C/svg%3E")}.forest-card{background:#0000004d;border:1px solid rgba(234,181,67,.3);padding:25px;text-align:center}.forest h2{font-family:Cinzel,serif;color:#58b19f;font-size:1.8rem;margin:0 0 10px;letter-spacing:3px}.forest-accent{width:40px;height:3px;background:#eab543;margin:0 auto}.elegant{background-color:#fafafa;padding:30px;box-sizing:border-box}.elegant-line{width:40px;height:1px;background:#c5a059;margin-bottom:20px}.elegant h2{font-family:Playfair Display,serif;color:#1b1b1b;font-size:2rem;margin:0 0 15px;font-weight:700}.elegant p{font-family:Libre Baskerville,serif;color:#4a4a4a;font-size:.9rem;line-height:1.6;margin:0}