@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400&family=Montserrat:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Roboto:wght@300;400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Special+Elite&display=swap";@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Quicksand:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&display=swap";@import"https://fonts.googleapis.com/css2?family=VT323&display=swap";@import"https://fonts.googleapis.com/css2?family=Courier+Prime:wght@400;700&family=Archivo+Black&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=Playfair+Display:ital,wght@0,400;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Rye&family=Special+Elite&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;justify-content:center;padding:40px}*{box-sizing:border-box}.container{max-width:1600px;margin:0 auto;padding-bottom:100px;padding-left:40px;padding-right:40px}.header{text-align:left;margin-bottom:80px;margin-top:40px}.brand-signature{font-size:12px;text-transform:uppercase;letter-spacing:2px;color:#999;margin-bottom:20px;font-weight:500}.gallery-title{font-size:4rem;font-weight:200;color:#111;margin:0;line-height:1.1;letter-spacing:-1px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px;width:100%}.card-wrapper{display:flex;flex-direction:column;gap:16px;position:relative}.card-info{display:flex;flex-direction:column;align-items:flex-start;padding:0 2px}.card-index{font-family:Courier New,monospace;font-size:.75rem;color:#aaa;letter-spacing:1px;margin-bottom:4px}.card-cn-name{font-size:1rem;font-weight:600;color:#333;letter-spacing:.5px}.card{aspect-ratio:3/4;padding:20px;display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;position:relative;overflow:hidden;width:100%;border:1px solid rgba(0,0,0,.03)}.card:hover{transform:translateY(-8px);z-index:10;box-shadow:0 20px 40px #00000014}.footer{margin-top:120px;padding-top:40px;border-top:1px solid #eee;text-align:left}.footer p{font-size:.75rem;color:#ccc;font-family:Courier New,monospace;letter-spacing:1px}@media(max-width:1400px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}}@media(max-width:1100px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.grid{grid-template-columns:1fr}.gallery-title{font-size:2.5rem}}.style-paper{font-family:Georgia,serif;color:#4a4a4a}.style-paper.var-1{background-color:#fdfbf7;box-shadow:1px 1px 3px #0000001a;border:1px solid #f0f0f0}.style-paper.var-1:before{content:"";position:absolute;inset:0;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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none}.style-paper.var-2{background-color:#fff;box-shadow:0 4px 15px #00000026;padding:15px 15px 40px;transform:rotate(-2deg)}.style-paper.var-2:hover{transform:rotate(0) scale(1.05)}.style-paper.var-2 .photo-area{background-color:#eee;height:70%;width:100%;margin-bottom:10px;background-image:linear-gradient(45deg,#eee 25%,#f5f5f5 25% 50%,#eee 50% 75%,#f5f5f5 75% 100%);background-size:20px 20px}.style-paper.var-3{background-color:#dcb696;color:#3e2b1e;box-shadow:inset 0 0 20px #0000000d;border-radius:2px}.style-paper.var-3 h3{border-bottom:2px dashed #3e2b1e;padding-bottom:5px}.style-muji{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#333}.style-muji.var-1{background-color:#fff;border:1px solid #e0e0e0}.style-muji.var-1 .line{width:100%;height:1px;background:#e0e0e0;margin:10px 0}.style-muji.var-2{background-color:#f9f9f9;background-image:linear-gradient(#e5e5e5 1px,transparent 1px),linear-gradient(90deg,#e5e5e5 1px,transparent 1px);background-size:20px 20px;border:1px solid #ddd}.style-muji.var-3{background-color:#eee;border:none;color:#666}.style-muji.var-3 .circle{width:10px;height:10px;background:#999;border-radius:50%;margin-bottom:10px}.style-bauhaus{font-family:Futura,Arial Black,sans-serif}.style-bauhaus.var-1{background-color:#f4f4f4}.style-bauhaus.var-1 .shape-circle{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:#d0202e;border-radius:50%;opacity:.9}.style-bauhaus.var-1 .shape-bar{position:absolute;bottom:20px;left:0;width:60%;height:20px;background:#1846ba}.style-bauhaus.var-2{background-color:#eaddcf;overflow:hidden}.style-bauhaus.var-2 h3{font-size:2.5rem;transform:rotate(-90deg);position:absolute;bottom:40px;left:-20px;color:#111;margin:0}.style-bauhaus.var-2 .accent{position:absolute;top:0;right:0;width:50%;height:100%;background:#f8d826;opacity:.8;clip-path:polygon(0 0,100% 0,100% 100%,50% 100%)}.style-bauhaus.var-3{background-color:#1a1a1a;color:#f0f0f0}.style-bauhaus.var-3 .line{border-top:4px solid #D0202E;margin:20px 0;width:40%}.style-bauhaus.var-3 p{font-weight:100;letter-spacing:2px}.style-japanese{font-family:Hiragino Mincho ProN,Yu Mincho,serif}.style-japanese.var-1{background-color:#e8e6e1;writing-mode:vertical-rl;text-orientation:upright;align-items:center;padding:30px 10px}.style-japanese.var-1 .seal{border:1px solid #a03e3e;color:#a03e3e;padding:4px;font-size:.7rem;writing-mode:horizontal-tb;margin-top:auto}.style-japanese.var-2{background-color:#2a3b55;color:#fff;background-image:radial-gradient(circle at 50% 50%,#354a6b,#2a3b55 80%);display:flex;align-items:center;justify-content:center;text-align:center}.style-japanese.var-2 .circle-outline{border:1px solid rgba(255,255,255,.3);width:80%;height:80%;border-radius:50%;position:absolute}.style-japanese.var-3{background-color:#fff;border-left:4px solid #d4d4d4;padding-left:25px}.style-japanese.var-3 h3{font-weight:400;margin-bottom:30px}.style-japanese.var-3 .kanji{font-size:4rem;opacity:.1;position:absolute;bottom:-10px;right:-10px}.style-industrial{font-family:Courier New,monospace}.style-industrial.var-1{background-color:#ddd;border:2px solid #000;box-shadow:5px 5px #000}.style-industrial.var-1 .screw{position:absolute;width:8px;height:8px;background:#555;border-radius:50%}.style-industrial.var-1 .screw.tl{top:10px;left:10px}.style-industrial.var-1 .screw.tr{top:10px;right:10px}.style-industrial.var-1 .screw.bl{bottom:10px;left:10px}.style-industrial.var-1 .screw.br{bottom:10px;right:10px}.style-industrial.var-2{background-color:#000;color:#0f0;border:1px solid #0f0}.style-industrial.var-2:before{content:"> "}.style-industrial.var-2 .cursor{display:inline-block;width:8px;height:15px;background:#0f0;animation:blink 1s infinite}.style-industrial.var-3{background-color:#04c;color:#fff;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px}.style-industrial.var-3 h3{text-decoration:underline;text-decoration-style:dotted}@keyframes blink{50%{opacity:0}}.modal-demo-btn{display:block;width:100%;margin-top:20px;padding:12px;background:#000;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.modal-demo-btn:hover{background:#333}.style-paper.var-4{background-color:#fcfcfc;background-image:repeating-linear-gradient(#e5e5e5 0 1px,transparent 1px 100%);background-size:100% 20px}.style-paper.var-4 h3{font-family:Courier New,monospace;text-transform:uppercase;letter-spacing:2px}.style-muji.var-4{background-color:#f5f5f5;border:4px solid #e0e0e0}.style-muji.var-4 .handle{width:60px;height:10px;background:#ddd;margin:0 auto 20px;border-radius:5px}.style-bauhaus.var-4{background-color:#e0e0e0}.style-bauhaus.var-4 .arch{width:80px;height:80px;background:#333;border-radius:50% 50% 0 0;margin:0 auto}.style-japanese.var-4{background-color:#d6e4d1;color:#4b5e43;border:none}.style-japanese.var-4 .circle{width:50px;height:50px;background:#8fac86;border-radius:50%;opacity:.5;position:absolute;top:20px;right:20px}.style-industrial.var-4{background:repeating-linear-gradient(45deg,#f2c94c,#f2c94c 10px,#333 10px 20px);color:#fff;text-shadow:0 1px 2px #000}.style-industrial.var-4 .plate{background:#333;padding:10px;border:2px solid #fff;text-align:center}.style-cyberpunk{background-color:#050505;color:#0ff;font-family:Courier New,monospace;border:1px solid #0ff;box-shadow:0 0 10px #0ff,inset 0 0 20px #0ff3;text-shadow:0 0 5px #0ff}.style-cyberpunk:hover{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite;color:#f0f;border-color:#f0f;box-shadow:0 0 10px #f0f,inset 0 0 20px #f0f3}.style-cyberpunk .glitch-text{position:relative}.style-cyberpunk .glitch-text:before,.style-cyberpunk .glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:.8}.style-cyberpunk .glitch-text:before{color:#f0f;z-index:-1;transform:translate(-2px)}.style-cyberpunk .glitch-text:after{color:#ff0;z-index:-2;transform:translate(2px)}.style-memphis{background-color:#fff0f5;font-family:Verdana,sans-serif;border:3px solid #000;box-shadow:8px 8px #0003;overflow:hidden}.style-memphis .shape{position:absolute}.style-memphis .squiggle{width:50px;height:10px;background:repeating-linear-gradient(45deg,#ff69b4,#ff69b4 5px,transparent 5px,transparent 10px)}.style-memphis .triangle{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:30px solid #00ced1}.style-glass{background:linear-gradient(135deg,#fff6,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f268726;color:#333;font-family:system-ui,-apple-system,sans-serif}.style-glass:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.8) 0%,transparent 60%);transform:rotate(30deg);pointer-events:none;opacity:.5}.style-collage{background-color:#f0e6d2;font-family:Times New Roman,serif;overflow:hidden}.style-collage .cutout{background:#fff;padding:5px;border:1px dashed #333;box-shadow:2px 2px 5px #0003;transform:rotate(var(--r, 0deg));display:inline-block}.style-collage img{filter:grayscale(100%) contrast(120%);mix-blend-mode:multiply}.style-organic{background-color:#e8f5e9;color:#2e7d32;font-family:Optima,sans-serif;border-radius:40% 60% 70% 30%/40% 50% 60%;transition:border-radius .5s ease}.style-organic:hover{border-radius:20% 80% 30% 70%/60% 40% 70% 30%}.style-organic .blob{position:absolute;width:100px;height:100px;background:#4caf5033;border-radius:50%;filter:blur(20px)}.style-swiss{background-color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#000}.style-swiss h3{font-size:3rem;line-height:.9;letter-spacing:-2px;margin:0}.style-swiss .grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#eee 1px,transparent 1px),linear-gradient(90deg,#eee 1px,transparent 1px);background-size:20px 20px;z-index:0}.style-pixel{background-color:#222;color:#fff;font-family:Courier New,monospace;image-rendering:pixelated;border:4px solid #fff;box-shadow:4px 4px #555}.style-pixel .pixel-heart{width:10px;height:10px;background:red;box-shadow:10px 0 red,-10px 0 red,0 10px red,0 -10px red;margin:20px auto}.style-neumorphism{background-color:#e0e5ec;color:#4d5b98;border-radius:20px;box-shadow:9px 9px 16px #a3b1c699,-9px -9px 16px #ffffff80;border:none}.style-neumorphism .inset{box-shadow:inset 6px 6px 10px #a3b1c6b3,inset -6px -6px 10px #fffc;border-radius:10px;padding:10px}.style-grunge{background-color:#333;color:#f1f1f1;font-family:Impact,sans-serif;border:2px solid #fff;transform:rotate(1deg);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.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E")}.style-grunge h3{text-transform:uppercase;background:#000;color:#fff;display:inline-block;padding:2px 5px;transform:rotate(-2deg)}.style-vaporwave{background:linear-gradient(180deg,#ff71ce,#01cdfe);color:#fff;font-family:sans-serif;text-shadow:2px 2px 0 #000}.style-vaporwave h3{font-style:italic;letter-spacing:5px}.style-vaporwave .sun{width:60px;height:60px;background:linear-gradient(to bottom,#ff0 50%,#f0f 50%);border-radius:50%;margin:0 auto;mask-image:linear-gradient(to bottom,black 50%,transparent 50%);-webkit-mask-image:repeating-linear-gradient(black,black 5px,transparent 5px,transparent 10px)}.style-skeuo{background-color:#5d4037;color:#fff;font-family:Georgia,serif;border:1px solid #3e2723;box-shadow:inset 0 0 20px #00000080,0 5px 10px #0000004d;position:relative}.style-skeuo .leather-texture{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(#6d4c41 15%,transparent 16%),radial-gradient(#6d4c41 15%,transparent 16%);background-size:8px 8px;background-position:0 0,4px 4px;opacity:.3}.style-skeuo .stitch{position:absolute;inset:10px;border:2px dashed #a1887f;border-radius:4px;pointer-events:none}.style-claymorphism{background-color:#e0f2f1;border-radius:32px;box-shadow:inset 10px 10px 20px #fff9,inset -10px -10px 20px #00796b1a,10px 20px 30px #00796b33;border:none;color:#00695c;font-family:Nunito,Varela Round,sans-serif;overflow:hidden}.clay-cloud{position:absolute;top:-20px;right:-20px;width:100px;height:100px;background-color:#b2dfdb;border-radius:50%;box-shadow:inset 5px 5px 10px #ffffff80,inset -5px -5px 10px #00796b1a,5px 10px 15px #00796b1a}.clay-circle{position:absolute;bottom:20px;left:20px;width:40px;height:40px;background-color:#ffccbc;border-radius:50%;box-shadow:inset 3px 3px 6px #fff9,inset -3px -3px 6px #bf360c1a,3px 6px 10px #bf360c26}.style-acid{background-color:#000;color:#fff;font-family:Arial Black,sans-serif;overflow:hidden;border:1px solid #333}.acid-grid{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(0,255,0,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.3) 1px,transparent 1px);background-size:20px 20px;transform:perspective(200px) rotateX(60deg) translateY(-50px) translateZ(-50px);opacity:.5;animation:acidGridMove 10s linear infinite}@keyframes acidGridMove{0%{transform:perspective(200px) rotateX(60deg) translateY(0) translateZ(-50px)}to{transform:perspective(200px) rotateX(60deg) translateY(20px) translateZ(-50px)}}.chrome-text{font-size:2rem;background:linear-gradient(to bottom,#fff,#ccc 40%,#333,#ccc 60%,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));z-index:2;font-style:italic;letter-spacing:-2px}.chrome-blob{position:absolute;top:50%;left:50%;width:120px;height:120px;background:radial-gradient(circle at 30% 30%,#e0e0e0,#9e9e9e,#424242);border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(-50%,-50%);filter:blur(2px) contrast(200%);mix-blend-mode:exclusion;opacity:.8}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.modal-content{background:#fff;padding:40px;border-radius:12px;max-width:550px;width:90%;position:relative;box-shadow:0 20px 50px -12px #00000040,0 0 0 1px #0000000d;animation:slideUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:20px}.modal-close{position:absolute;top:15px;right:15px;width:32px;height:32px;background:#f5f5f5;border:none;border-radius:50%;font-size:1.2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#666;transition:all .2s ease}.modal-close:hover{background:#e0e0e0;color:#000;transform:rotate(90deg)}.modal-title{font-family:Georgia,serif;font-size:2rem;font-weight:700;color:#111;margin:0;line-height:1.1;letter-spacing:-.02em}.modal-subtitle{font-family:Helvetica Neue,sans-serif;font-size:.85rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:2px;border-left:3px solid #000;padding-left:12px;margin:0}.modal-body{font-family:Georgia,serif;line-height:1.8;color:#444;font-size:1rem;margin:5px 0 15px}.modal-demo-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;background:#111;color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.5px;gap:8px}.modal-demo-btn:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 20px #00000026}.modal-demo-btn:active{transform:translateY(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.style-neobrutalism{background-color:#ffde00;border:3px solid #000;box-shadow:5px 5px #000;font-family:Courier New,monospace;color:#000;transition:all .2s}.style-neobrutalism:hover{transform:translate(-4px,-4px);box-shadow:9px 9px #000}.style-neobrutalism h3{font-weight:900;text-transform:uppercase;font-size:1.5rem;border-bottom:3px solid #000;padding-bottom:5px;margin-bottom:10px;margin-top:20px}.style-neobrutalism .neo-tag{background:#000;color:#fff;padding:2px 5px;font-weight:700;display:inline-block;margin-top:auto}.style-bento{background-color:#f5f5f7;border-radius:24px;border:1px solid rgba(0,0,0,.05);padding:15px;display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:10px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.style-bento .bento-box{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.style-bento .bento-box.large{grid-column:span 2;background:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.style-bento .bento-box.medium{grid-row:span 2}@media(max-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.container{padding:0 20px 100px}}@media(max-width:768px){.header h1{font-size:1.5rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.card-wrapper{gap:4px}.card-index{font-size:.7rem}.card-cn-name{font-size:.8rem}.card-tagline{font-size:.55rem;padding:2px 4px}.modal-content{padding:30px 20px;width:85%;max-height:80vh;overflow-y:auto}.modal-title{font-size:1.5rem}.modal-subtitle{font-size:.75rem}.modal-body{font-size:.95rem}.modal-close{top:15px;right:15px;width:32px;height:32px}}@media(max-width:480px){.grid{grid-template-columns:1fr;gap:20px}.card{aspect-ratio:auto;min-height:200px}}.style-fantasy{background:linear-gradient(135deg,#2a0845,#6441a5,#fc3);color:#fff;font-family:Cinzel,Playfair Display,serif;position:relative;overflow:hidden;border:1px solid #ffd700;box-shadow:0 0 15px #6441a580}.style-fantasy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.1) 0%,transparent 60%);pointer-events:none}.style-fantasy h3{font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;background:linear-gradient(to bottom,#fff,gold);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));margin-top:auto;z-index:2;text-align:center;width:100%}.style-fantasy .castle-img{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto;opacity:.8;mix-blend-mode:screen;z-index:1}.style-fantasy .sparkle{position:absolute;color:gold;animation:twinkle 2s infinite ease-in-out;z-index:3}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2) rotate(45deg)}}:root{--org-bg: #f4f7f5;--org-text: #2d3e30;--org-primary: #4a6741;--org-accent: #a3c9a8;--org-card-bg: #ffffff;--org-blob-1: 60% 40% 30% 70% / 60% 30% 70% 40%;--org-blob-2: 30% 70% 70% 30% / 30% 30% 70% 70%}.organic-container{min-height:100vh;background-color:var(--org-bg);color:var(--org-text);font-family:Optima,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;position:relative}.bg-blob{position:absolute;filter:blur(60px);z-index:0;opacity:.6;animation:float 10s ease-in-out infinite}.blob-1{top:-10%;left:-10%;width:500px;height:500px;background:#dbece0;border-radius:var(--org-blob-1)}.blob-2{bottom:10%;right:-5%;width:400px;height:400px;background:#e8f3e9;border-radius:var(--org-blob-2);animation-delay:-5s}.organic-content{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:60px 20px}.org-header{margin-bottom:80px;display:flex;justify-content:space-between;align-items:center}.org-logo{font-size:1.5rem;font-weight:700;color:var(--org-primary)}.org-nav a{margin-left:30px;text-decoration:none;color:var(--org-text);position:relative}.org-nav a:after{content:"";position:absolute;width:100%;height:2px;bottom:-5px;left:0;background-color:var(--org-accent);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.org-nav a:hover:after{transform:scaleX(1);transform-origin:bottom left}.org-hero{margin-bottom:100px}.org-hero h1{font-size:4rem;line-height:1.1;margin-bottom:20px;font-weight:400}.org-hero span{display:block;color:var(--org-primary);font-style:italic}.org-hero p{font-size:1.2rem;max-width:600px;line-height:1.6;opacity:.8}.org-section-title{font-size:2rem;margin-bottom:40px;display:flex;align-items:center;gap:15px}.org-section-title:before{content:"";display:block;width:40px;height:40px;background:var(--org-accent);border-radius:50%;opacity:.5}.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.org-card{background:var(--org-card-bg);border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000008;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(0,0,0,.02);display:flex;flex-direction:column}.org-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000000f}.org-card-image{height:200px;background-color:#f0f0f0;border-radius:15px;margin-bottom:20px;overflow:hidden;position:relative}.org-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.org-card:hover .org-card-image img{transform:scale(1.05)}.org-card h3{margin:0 0 10px;font-size:1.4rem;color:var(--org-primary)}.org-card p{font-size:.95rem;line-height:1.5;color:#666;flex-grow:1}.org-tags{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.org-tag{font-size:.8rem;padding:5px 12px;background:#f4f7f5;border-radius:20px;color:var(--org-primary)}.org-footer{margin-top:100px;padding-top:40px;border-top:1px solid rgba(0,0,0,.05);text-align:center;opacity:.6}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(5deg)}to{transform:translate(0) rotate(0)}}.org-btn{display:inline-block;margin-top:30px;padding:12px 30px;background:var(--org-primary);color:#fff;text-decoration:none;border-radius:30px;transition:background .3s}.org-btn:hover{background:#3a5233}:root{--neu-bg: #e0e5ec;--neu-text: #4a5568;--neu-accent: #6d5dfc;--neu-shadow-light: #ffffff;--neu-shadow-dark: #a3b1c6;--neu-radius: 30px}.neu-container{min-height:100vh;background-color:var(--neu-bg);color:var(--neu-text);font-family:Nunito,Segoe UI,sans-serif;padding:40px;box-sizing:border-box}.neu-content{max-width:1100px;margin:0 auto}.neu-outset{background:var(--neu-bg);box-shadow:9px 9px 16px var(--neu-shadow-dark),-9px -9px 16px var(--neu-shadow-light);border-radius:var(--neu-radius);border:1px solid rgba(255,255,255,.2)}.neu-inset{background:var(--neu-bg);box-shadow:inset 6px 6px 10px var(--neu-shadow-dark),inset -6px -6px 10px var(--neu-shadow-light);border-radius:var(--neu-radius)}.neu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;padding:20px 40px}.neu-logo{font-size:1.8rem;font-weight:800;color:var(--neu-text);letter-spacing:1px}.neu-nav{display:flex;gap:30px}.neu-btn-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--neu-text);text-decoration:none;font-size:1.2rem;transition:all .3s ease}.neu-btn-icon:hover{color:var(--neu-accent);transform:translateY(-2px)}.neu-btn-icon:active{box-shadow:inset 4px 4px 8px var(--neu-shadow-dark),inset -4px -4px 8px var(--neu-shadow-light);transform:translateY(0)}.neu-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:100px}.neu-hero-text h1{font-size:3.5rem;line-height:1.2;margin-bottom:20px;color:var(--neu-text)}.neu-hero-text p{font-size:1.1rem;line-height:1.6;margin-bottom:40px;opacity:.8}.neu-cta{display:inline-block;padding:15px 40px;color:var(--neu-accent);font-weight:700;text-decoration:none;border-radius:50px;transition:all .3s ease}.neu-cta:hover{color:#fff;background:var(--neu-accent);box-shadow:5px 5px 10px #6d5dfc66,-5px -5px 10px #fffc}.neu-profile-card{width:300px;height:300px;margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:50%;position:relative}.neu-profile-card:before{content:"";position:absolute;width:85%;height:85%;border-radius:50%;background:var(--neu-bg);box-shadow:inset 8px 8px 15px var(--neu-shadow-dark),inset -8px -8px 15px var(--neu-shadow-light)}.neu-profile-img{width:85%;height:85%;border-radius:50%;object-fit:cover;z-index:1;padding:10px;box-sizing:border-box;opacity:.8}.neu-section-title{text-align:center;font-size:2rem;margin-bottom:60px;color:var(--neu-text)}.neu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.neu-card{padding:30px;display:flex;flex-direction:column;transition:transform .3s ease}.neu-card:hover{transform:translateY(-5px)}.neu-card-preview{height:180px;margin-bottom:25px;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--neu-accent);opacity:.8}.neu-card h3{margin:0 0 10px;font-size:1.4rem}.neu-card p{font-size:.95rem;line-height:1.5;opacity:.7;flex-grow:1;margin-bottom:20px}.neu-stats{display:flex;justify-content:space-between;margin-top:auto}.neu-stat-pill{font-size:.8rem;padding:8px 15px;color:var(--neu-accent);font-weight:600}.neu-search{width:100%;padding:15px 25px;border:none;outline:none;font-family:inherit;color:var(--neu-text);margin-bottom:40px}@media(max-width:768px){.neu-hero{grid-template-columns:1fr;text-align:center}.neu-header{flex-direction:column;gap:20px}}:root{--paper-bg: #f4f1ea;--paper-text: #2b2b2b;--paper-ink: #1a1a1a;--paper-accent: #8c5e58;--paper-line: #dcd9d1}.paper-container{min-height:100vh;background-color:var(--paper-bg);color:var(--paper-text);font-family:Cormorant Garamond,serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");padding:60px 40px;line-height:1.8}.paper-content{max-width:900px;margin:0 auto;background:#fff;padding:80px 100px;box-shadow:0 10px 30px #00000008;position:relative;border:1px solid #e6e6e6}.paper-content:before{content:"";position:absolute;inset:0;border:1px solid #fff;margin:5px;pointer-events:none}.paper-header{text-align:center;margin-bottom:80px;position:relative}.paper-header:after{content:"";display:block;width:60px;height:2px;background:var(--paper-text);margin:30px auto 0}.paper-logo{font-size:3.5rem;font-weight:400;letter-spacing:-1px;margin-bottom:20px;font-style:italic;color:var(--paper-ink)}.paper-nav{display:flex;justify-content:center;gap:40px;font-family:Montserrat,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:2px;margin-top:40px}.paper-nav a{text-decoration:none;color:#888;transition:color .3s;position:relative}.paper-nav a:hover{color:var(--paper-text)}.paper-intro{text-align:center;margin-bottom:100px}.paper-intro p{font-size:1.4rem;max-width:650px;margin:0 auto;color:#444;font-style:italic}.paper-project{margin-bottom:100px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:start}.paper-project-meta{text-align:right;padding-top:10px}.paper-date{font-family:Montserrat,sans-serif;font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:15px}.paper-project h2{font-size:2.2rem;margin:0 0 20px;font-weight:400;line-height:1.1;color:var(--paper-ink)}.paper-img-frame{width:100%;aspect-ratio:4/3;background:#f4f4f4;margin-bottom:0;position:relative;box-shadow:2px 2px 5px #0000001a;border:8px solid #fff;display:flex;align-items:center;justify-content:center;overflow:hidden}.paper-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.paper-project p{font-size:1.1rem;margin-bottom:30px;color:#555;text-align:justify}.paper-link{font-family:Montserrat,sans-serif;font-size:.8rem;color:var(--paper-text);text-decoration:none;border-bottom:1px solid var(--paper-text);padding-bottom:4px;transition:opacity .3s}.paper-link:hover{opacity:.6}.paper-footer{text-align:center;margin-top:100px;padding-top:40px;border-top:1px solid var(--paper-line);font-size:.8rem;color:#aaa;font-family:Montserrat,sans-serif;letter-spacing:1px}@media(max-width:768px){.paper-content{padding:40px 20px}.paper-project{grid-template-columns:1fr;gap:30px}.paper-project-meta{text-align:left}}:root{--muji-bg: #f9f9f9;--muji-text: #4a4a4a;--muji-red: #7f0019;--muji-border: #e5e5e5;--muji-accent: #dcdcdc}.muji-container{min-height:100vh;background-color:var(--muji-bg);color:var(--muji-text);font-family:Helvetica Neue,Roboto,Noto Sans JP,sans-serif;letter-spacing:.02em}.muji-header{background:#fff;padding:25px 60px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--muji-border);position:sticky;top:0;z-index:100}.muji-logo-box{background:var(--muji-red);color:#fff;padding:8px 12px;font-weight:700;font-size:1.2rem;letter-spacing:2px;display:inline-block}.muji-nav{display:flex;gap:40px;font-size:.85rem;font-weight:400;color:#888}.muji-nav a{text-decoration:none;color:inherit;transition:color .3s}.muji-nav a:hover{color:#000;text-decoration:underline;text-underline-offset:4px}.muji-main{max-width:1400px;margin:0 auto;padding:60px}.muji-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-bottom:100px;align-items:center}.muji-hero-visual{height:500px;background:#e8e8e8;position:relative;overflow:hidden}.muji-hero-visual:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:#d4d4d4}.muji-hero-text{padding-right:40px}.muji-hero h1{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2;color:#000}.muji-hero h2{font-size:1.2rem;font-weight:400;color:#666;margin-bottom:40px;font-family:Noto Sans JP,sans-serif}.muji-hero p{font-size:.95rem;line-height:1.8;color:#333;max-width:400px;border-top:1px solid #ccc;padding-top:20px}.muji-section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;border-bottom:2px solid #000;padding-bottom:10px}.muji-section-title{font-size:1.2rem;font-weight:700}.muji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px}.muji-card{background:transparent;cursor:pointer;group:hover}.muji-img-box{width:100%;aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:15px;transition:opacity .3s;position:relative}.muji-card:hover .muji-img-box{opacity:.8}.muji-placeholder{width:60%;height:60%;border:1px solid #eee;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#ccc;font-size:2rem}.muji-info{border-left:2px solid var(--muji-red);padding-left:15px}.muji-card h3{font-size:1rem;font-weight:400;margin:0 0 5px;color:#000}.muji-jp-name{font-family:Noto Sans JP,sans-serif;font-size:.8rem;color:#999;display:block;margin-bottom:8px}.muji-desc{font-size:.85rem;color:#666;line-height:1.5;margin-bottom:10px}.muji-tag{display:inline-block;font-size:.75rem;border:1px solid #ccc;padding:2px 8px;color:#666}.muji-footer{margin-top:100px;padding:40px 60px;background:#fff;border-top:1px solid var(--muji-border);display:flex;justify-content:space-between;font-size:.8rem;color:#999}@media(max-width:768px){.muji-hero{grid-template-columns:1fr}.muji-header{padding:20px}.muji-main{padding:30px}}:root{--bau-bg: #f4f4f0;--bau-red: #d0202e;--bau-blue: #1e3888;--bau-yellow: #f5c518;--bau-black: #111;--bau-border: 4px solid var(--bau-black)}.bau-container{min-height:100vh;background-color:var(--bau-bg);color:var(--bau-black);font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;padding:40px;box-sizing:border-box}.bau-grid-wrapper{display:grid;grid-template-columns:80px 1fr 1fr 1fr;grid-template-rows:100px 400px 1fr 60px;width:100%;max-width:1200px;height:90vh;border:var(--bau-border);background:#fff;box-shadow:20px 20px #0000001a}.bau-header-area{grid-column:2 / 5;grid-row:1 / 2;display:flex;justify-content:space-between;align-items:center;padding:0 40px;border-bottom:var(--bau-border)}.bau-logo{font-family:Archivo Black,sans-serif;font-size:1.5rem;line-height:1;text-transform:uppercase}.bau-date{font-weight:700;letter-spacing:2px}.bau-sidebar-area{grid-column:1 / 2;grid-row:1 / 5;border-right:var(--bau-border);background:var(--bau-black);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:40px 0;align-items:center}.bau-nav{display:flex;flex-direction:column;gap:30px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg)}.bau-nav a{color:#fff;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:color .2s}.bau-nav a:hover{color:var(--bau-yellow)}.bau-exit{color:var(--bau-red)!important}.bau-vertical-text{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-size:.7rem;opacity:.6;letter-spacing:1px}.bau-hero-area{grid-column:2 / 4;grid-row:2 / 3;border-bottom:var(--bau-border);border-right:var(--bau-border);padding:60px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.bau-hero-text h1{font-family:Archivo Black,sans-serif;font-size:4rem;line-height:.9;margin:0;text-transform:uppercase;z-index:2;position:relative}.bau-hero-shape{position:absolute;top:0;right:0;width:100%;height:100%;z-index:1;opacity:.8}.shape-circle{position:absolute;width:200px;height:200px;background:var(--bau-yellow);border-radius:50%;top:20px;right:20px}.shape-triangle{position:absolute;width:0;height:0;border-left:100px solid transparent;border-right:100px solid transparent;border-bottom:173px solid var(--bau-blue);bottom:20px;right:150px;mix-blend-mode:multiply}.shape-square{position:absolute;width:100px;height:100px;background:var(--bau-red);bottom:50px;right:50px;mix-blend-mode:multiply}.bau-content-area{grid-column:2 / 5;grid-row:3 / 4;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.bau-block{padding:30px;border-right:var(--bau-border);display:flex;flex-direction:column;justify-content:space-between}.bau-block:last-child{border-right:none}.bau-block h2{font-family:Archivo Black,sans-serif;font-size:3rem;margin:0;opacity:.2}.bau-block p{font-size:.9rem;font-weight:700;line-height:1.4}.bau-block.red{background:var(--bau-red);color:#fff}.bau-block.red h2{color:#000;opacity:.3}.bau-block.yellow{background:var(--bau-yellow);color:#000}.bau-block.blue{background:var(--bau-blue);color:#fff}.bau-block.white{background:#fff;display:flex;align-items:center;justify-content:center;text-align:center}.bau-block.white h3{font-family:Archivo Black,sans-serif;font-size:2rem;transform:rotate(-90deg);white-space:nowrap}.bau-footer-area{grid-column:4 / 5;grid-row:2 / 3;border-bottom:var(--bau-border);display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;background:#fff}.bau-footer-area p{writing-mode:vertical-rl;text-orientation:mixed;font-weight:700;font-size:.8rem;margin:0;letter-spacing:2px}@media(max-width:768px){.bau-grid-wrapper{display:flex;flex-direction:column;height:auto;border:none;box-shadow:none}.bau-sidebar-area{display:none}.bau-header-area,.bau-hero-area,.bau-content-area,.bau-footer-area{grid-column:auto;grid-row:auto;border:none}.bau-content-area{display:flex;flex-direction:column}.bau-block{border:4px solid var(--bau-black);margin-bottom:20px}}:root{--glass-bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--glass-surface: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--glass-text: #ffffff;--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37)}.glass-container{min-height:100vh;background:var(--glass-bg-gradient);color:var(--glass-text);font-family:Poppins,sans-serif;padding:40px;position:relative;overflow-x:hidden}.glass-orb{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;animation:floatOrb 20s infinite ease-in-out}.orb-1{width:400px;height:400px;background:#f0c;top:-100px;left:-100px}.orb-2{width:300px;height:300px;background:#33f;bottom:50px;right:-50px;animation-delay:-5s}.orb-3{width:200px;height:200px;background:#0fc;top:40%;left:60%;animation-delay:-10s}@keyframes floatOrb{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}.glass-content{position:relative;z-index:1;max-width:1200px;margin:0 auto}.glass-panel{background:var(--glass-surface);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow)}.glass-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;margin-bottom:60px}.glass-logo{font-size:1.8rem;font-weight:600;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.2)}.glass-nav{display:flex;gap:20px}.glass-nav-item{padding:10px 25px;border-radius:30px;text-decoration:none;color:#fff;font-size:.9rem;transition:background .3s}.glass-nav-item:hover{background:#fff3}.glass-nav-item.active{background:#ffffff4d;font-weight:600}.glass-hero{text-align:center;margin-bottom:80px;padding:60px}.glass-hero h1{font-size:4rem;font-weight:600;margin-bottom:20px;line-height:1.1;background:linear-gradient(to right,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.glass-hero p{font-size:1.2rem;max-width:600px;margin:0 auto 40px;opacity:.9}.glass-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}.glass-card{padding:30px;transition:transform .3s,background .3s;display:flex;flex-direction:column}.glass-card:hover{transform:translateY(-10px);background:#ffffff26}.glass-icon-box{width:60px;height:60px;background:#fff3;border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.5rem}.glass-card h3{font-size:1.5rem;margin:0 0 10px}.glass-card p{font-size:.95rem;line-height:1.6;opacity:.8;margin-bottom:20px;flex-grow:1}.glass-btn{align-self:flex-start;padding:8px 20px;border:1px solid rgba(255,255,255,.4);border-radius:20px;color:#fff;text-decoration:none;font-size:.85rem;transition:all .3s}.glass-btn:hover{background:#fff;color:#764ba2}.glass-footer{text-align:center;margin-top:80px;padding:20px;font-size:.8rem;opacity:.6}:root{--collage-bg: #eaddcf;--collage-text: #111;--collage-accent: #ff4757}.collage-container{min-height:100vh;background-color:var(--collage-bg);background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' 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='200' height='200' filter='url(%23noise)' opacity='0.15'/%3E%3C/svg%3E");color:var(--collage-text);font-family:Special Elite,monospace;overflow-x:hidden;padding:20px}.collage-content{max-width:1000px;margin:0 auto;position:relative}.collage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:100px;padding-top:40px}.collage-logo{background:#000;color:#fff;padding:10px 20px;font-family:Abril Fatface,cursive;font-size:2.5rem;transform:rotate(-3deg);box-shadow:5px 5px #0003}.collage-nav{display:flex;flex-direction:column;gap:15px;transform:rotate(2deg)}.collage-nav-link{background:#fff;padding:5px 15px;text-decoration:none;color:#000;border:1px solid #000;font-size:1.1rem;transition:transform .2s;box-shadow:3px 3px #000}.collage-nav-link:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #000;background:var(--collage-accent);color:#fff}.collage-hero{position:relative;min-height:500px;margin-bottom:100px}.collage-title-word{position:absolute;font-family:Abril Fatface,cursive;font-size:5rem;line-height:1;background:#fff;padding:10px;border:2px solid #000;box-shadow:8px 8px #0000001a;z-index:2}.word-1{top:0;left:0;transform:rotate(-5deg)}.word-2{top:80px;left:150px;transform:rotate(3deg);background:var(--collage-accent);color:#fff}.word-3{top:180px;left:50px;transform:rotate(-2deg);font-size:3rem;font-family:Special Elite,monospace;background:#000;color:#fff;border:none}.collage-hero-img{position:absolute;top:50px;right:0;width:400px;height:500px;background:#ccc;border:10px solid #fff;box-shadow:15px 15px #0003;transform:rotate(4deg);z-index:1;overflow:hidden}.collage-hero-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(120%);mix-blend-mode:multiply}.collage-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:150px}.collage-item{position:relative;background:#fff;padding:20px;border:2px solid #000;transition:transform .3s}.collage-item:nth-child(odd){transform:rotate(-2deg)}.collage-item:nth-child(2n){transform:rotate(2deg);margin-top:80px}.collage-item:hover{transform:scale(1.05) rotate(0);z-index:10;box-shadow:10px 10px #0003}.collage-tape{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:100px;height:30px;background:#fff9;box-shadow:0 1px 3px #0003;z-index:5}.collage-item h3{font-family:Abril Fatface,cursive;font-size:2rem;margin:10px 0;text-transform:uppercase}.collage-item p{font-size:1rem;line-height:1.4}.collage-footer{margin-top:100px;text-align:center;padding:40px;background:#000;color:#fff;transform:rotate(-1deg);width:110%;margin-left:-5%}:root{--jp-bg: #e8e6e1;--jp-text: #2b2b2b;--jp-accent: #8e354a;--jp-secondary: #595857}.jp-container{min-height:100vh;background-color:var(--jp-bg);color:var(--jp-text);font-family:Shippori Mincho,serif;position:relative;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E")}.jp-content{display:flex;flex-direction:row-reverse;height:100vh;padding:60px;box-sizing:border-box;overflow-x:auto;overflow-y:hidden}.jp-nav{writing-mode:vertical-rl;text-orientation:upright;border-left:1px solid rgba(0,0,0,.1);padding-left:30px;margin-left:40px;display:flex;gap:40px;letter-spacing:5px;height:100%;align-items:center}.jp-nav a{text-decoration:none;color:var(--jp-secondary);font-size:.9rem;transition:color .3s;position:relative}.jp-nav a:hover{color:var(--jp-text)}.jp-nav a.active:after{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--jp-accent);border-radius:50%}.jp-hero{writing-mode:vertical-rl;padding:0 60px;display:flex;justify-content:center;position:relative}.jp-title-group{display:flex;gap:20px;align-items:flex-start}.jp-hero h1{font-size:3.5rem;font-weight:500;letter-spacing:10px;margin:0;line-height:1.2}.jp-hero p{font-size:1.1rem;line-height:2;color:var(--jp-secondary);margin-top:40px;max-height:400px}.jp-seal{width:60px;height:60px;border:2px solid var(--jp-accent);color:var(--jp-accent);display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:4px;margin-top:40px;writing-mode:horizontal-tb}.jp-works{display:flex;flex-direction:row-reverse;gap:60px;align-items:center;padding-right:60px}.jp-card{writing-mode:vertical-rl;height:70%;display:flex;gap:20px;transition:opacity .3s;cursor:pointer}.jp-card:hover{opacity:.7}.jp-card-img{width:200px;height:300px;background:#dcdcdc;object-fit:cover;filter:grayscale(100%);transition:filter .5s}.jp-card:hover .jp-card-img{filter:grayscale(0%)}.jp-card-info h3{font-size:1.4rem;margin:0 0 15px;letter-spacing:3px}.jp-card-info p{font-size:.9rem;color:var(--jp-secondary);line-height:1.8}.jp-ink-bg{position:absolute;bottom:-10%;left:-10%;width:50vw;height:50vh;background:radial-gradient(circle,#0000000d,#0000 70%);filter:blur(40px);z-index:-1;pointer-events:none}@media(max-width:768px){.jp-content{flex-direction:column;height:auto;overflow-y:auto;overflow-x:hidden}.jp-nav,.jp-hero,.jp-works,.jp-card{writing-mode:horizontal-tb;border-left:none;padding:20px;margin:0}.jp-nav{flex-direction:row;border-bottom:1px solid #ccc;width:100%;justify-content:center}.jp-works{flex-direction:column}.jp-card{width:100%;height:auto;flex-direction:column}.jp-card-img{width:100%;height:200px}}:root{--ind-bg: #f0f0f0;--ind-text: #000;--ind-accent: #ffff00;--ind-border: 2px solid #000}.ind-container{min-height:100vh;background-color:var(--ind-bg);color:var(--ind-text);font-family:Space Mono,monospace;padding:20px;box-sizing:border-box}.ind-grid-wrapper{display:grid;grid-template-columns:250px 1fr;gap:20px;min-height:calc(100vh - 40px);border:var(--ind-border);background:#fff}.ind-sidebar{border-right:var(--ind-border);padding:20px;display:flex;flex-direction:column}.ind-logo{font-size:1.5rem;font-weight:700;text-transform:uppercase;border-bottom:var(--ind-border);padding-bottom:20px;margin-bottom:20px}.ind-nav{display:flex;flex-direction:column;gap:10px}.ind-nav a{text-decoration:none;color:#000;padding:10px;border:1px solid transparent;text-transform:uppercase;font-size:.9rem}.ind-nav a:hover{background:var(--ind-accent);border:var(--ind-border)}.ind-status{margin-top:auto;border-top:var(--ind-border);padding-top:20px;font-size:.7rem}.ind-status-row{display:flex;justify-content:space-between;margin-bottom:5px}.ind-main{padding:40px;overflow-y:auto}.ind-hero{border-bottom:var(--ind-border);padding-bottom:40px;margin-bottom:40px}.ind-hero h1{font-size:4rem;line-height:.9;text-transform:uppercase;margin:0 0 20px;word-break:break-all}.ind-hero-meta{display:flex;gap:20px;font-size:.8rem;border-top:1px solid #000;padding-top:10px}.ind-project-list{display:flex;flex-direction:column;gap:0}.ind-project-item{display:grid;grid-template-columns:100px 1fr 100px;border-bottom:1px solid #000;padding:20px 0;align-items:center;transition:background .2s}.ind-project-item:hover{background:var(--ind-accent)}.ind-project-item:first-child{border-top:1px solid #000}.ind-id{font-weight:700}.ind-title{font-size:1.5rem;text-transform:uppercase}.ind-year{text-align:right}.ind-marquee{background:#000;color:#fff;padding:10px;white-space:nowrap;overflow:hidden;position:fixed;bottom:0;left:0;width:100%;font-size:.8rem;z-index:100}@media(max-width:768px){.ind-grid-wrapper{grid-template-columns:1fr}.ind-sidebar{border-right:none;border-bottom:var(--ind-border)}.ind-project-item{grid-template-columns:50px 1fr}.ind-year{display:none}}:root{--cy-bg: #050505;--cy-text: #e0e0e0;--cy-neon-pink: #ff00ff;--cy-neon-cyan: #00ffff;--cy-neon-yellow: #fcee0a;--cy-grid: rgba(0, 255, 255, .1)}.cy-container{min-height:100vh;background-color:var(--cy-bg);color:var(--cy-text);font-family:Rajdhani,sans-serif;overflow-x:hidden;position:relative;background-image:linear-gradient(var(--cy-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cy-grid) 1px,transparent 1px);background-size:40px 40px;background-position:center top}.cy-scanlines{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0003 50%,#0003);background-size:100% 4px;pointer-events:none;z-index:1000;opacity:.6}.cy-header{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:1px solid var(--cy-neon-cyan);background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:sticky;top:0;z-index:100}.cy-logo{font-family:Orbitron,sans-serif;font-size:1.8rem;font-weight:900;color:var(--cy-neon-yellow);text-shadow:0 0 10px var(--cy-neon-yellow);letter-spacing:2px}.cy-nav{display:flex;gap:30px}.cy-btn{background:transparent;border:1px solid var(--cy-neon-cyan);color:var(--cy-neon-cyan);padding:8px 20px;font-family:Orbitron,sans-serif;text-transform:uppercase;font-size:.8rem;cursor:pointer;position:relative;overflow:hidden;transition:all .3s;text-decoration:none;display:inline-block}.cy-btn:hover{background:var(--cy-neon-cyan);color:#000;box-shadow:0 0 20px var(--cy-neon-cyan)}.cy-btn-danger{border-color:var(--cy-neon-pink);color:var(--cy-neon-pink)}.cy-btn-danger:hover{background:var(--cy-neon-pink);color:#fff;box-shadow:0 0 20px var(--cy-neon-pink)}.cy-hero{height:80vh;display:flex;flex-direction:column;justify-content:center;padding:0 60px;position:relative}.cy-glitch-text{font-family:Orbitron,sans-serif;font-size:5rem;font-weight:900;color:#fff;position:relative;text-transform:uppercase;line-height:1;margin-bottom:20px}.cy-glitch-text:before,.cy-glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--cy-bg)}.cy-glitch-text:before{left:2px;text-shadow:-2px 0 var(--cy-neon-pink);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse}.cy-glitch-text:after{left:-2px;text-shadow:-2px 0 var(--cy-neon-cyan);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(10px,9999px,30px,0)}20%{clip:rect(80px,9999px,100px,0)}40%{clip:rect(10px,9999px,50px,0)}60%{clip:rect(60px,9999px,90px,0)}80%{clip:rect(20px,9999px,60px,0)}to{clip:rect(90px,9999px,100px,0)}}@keyframes glitch-anim-2{0%{clip:rect(60px,9999px,90px,0)}20%{clip:rect(10px,9999px,50px,0)}40%{clip:rect(90px,9999px,100px,0)}60%{clip:rect(30px,9999px,40px,0)}80%{clip:rect(70px,9999px,120px,0)}to{clip:rect(10px,9999px,30px,0)}}.cy-hero p{font-size:1.5rem;color:var(--cy-neon-cyan);max-width:600px;border-left:4px solid var(--cy-neon-pink);padding-left:20px}.cy-hud-box{border:1px solid var(--cy-neon-cyan);background:#00ffff0d;padding:20px;position:relative;margin-bottom:30px}.cy-hud-box:before{content:"";position:absolute;top:-1px;left:-1px;width:10px;height:10px;border-top:2px solid var(--cy-neon-cyan);border-left:2px solid var(--cy-neon-cyan)}.cy-hud-box:after{content:"";position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;border-bottom:2px solid var(--cy-neon-cyan);border-right:2px solid var(--cy-neon-cyan)}.cy-grid-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;padding:60px}.cy-card h3{color:var(--cy-neon-yellow);font-family:Orbitron,sans-serif;margin-bottom:10px}.cy-progress-bar{width:100%;height:10px;background:#333;margin-top:15px;position:relative}.cy-progress-fill{height:100%;background:var(--cy-neon-pink);box-shadow:0 0 10px var(--cy-neon-pink)}@media(max-width:768px){.cy-glitch-text{font-size:3rem}.cy-hero{padding:0 20px}.cy-header{padding:20px;flex-direction:column;gap:20px}}:root{--mem-bg: #fff0f5;--mem-yellow: #ffd900;--mem-blue: #00a8ff;--mem-pink: #ff47a0;--mem-black: #2d3436}.mem-container{min-height:100vh;background-color:var(--mem-bg);color:var(--mem-black);font-family:Quicksand,sans-serif;overflow-x:hidden;position:relative;background-image:radial-gradient(var(--mem-black) 10%,transparent 11%);background-size:30px 30px;background-position:0 0;background-color:#fff}.mem-shape{position:absolute;z-index:0}.mem-triangle{width:0;height:0;border-left:50px solid transparent;border-right:50px solid transparent;border-bottom:100px solid var(--mem-yellow);top:10%;left:5%;transform:rotate(-15deg)}.mem-circle{width:150px;height:150px;background:var(--mem-blue);border-radius:50%;top:60%;right:10%}.mem-squiggle{width:200px;height:50px;background:transparent;border:10px solid var(--mem-pink);border-radius:50px;top:20%;right:20%;transform:rotate(45deg)}.mem-content{position:relative;z-index:1;max-width:1000px;margin:50px auto;padding:40px;background:#fff;border:4px solid var(--mem-black);box-shadow:15px 15px 0 var(--mem-black)}.mem-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.mem-logo{font-family:Fredoka One,cursive;font-size:3rem;color:var(--mem-pink);text-shadow:3px 3px 0 var(--mem-black);transform:rotate(-5deg)}.mem-nav{display:flex;gap:20px}.mem-btn{padding:10px 25px;border:3px solid var(--mem-black);background:var(--mem-yellow);color:var(--mem-black);font-weight:700;text-decoration:none;border-radius:30px;box-shadow:5px 5px 0 var(--mem-black);transition:transform .2s,box-shadow .2s}.mem-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--mem-black)}.mem-btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--mem-black)}.mem-hero{text-align:center;margin-bottom:80px}.mem-hero h1{font-family:Fredoka One,cursive;font-size:4rem;line-height:1.2;margin-bottom:20px}.mem-hero span{display:inline-block;background:var(--mem-blue);color:#fff;padding:0 10px;transform:rotate(2deg)}.mem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.mem-card{background:#fff;border:3px solid var(--mem-black);padding:20px;text-align:center;position:relative}.mem-card:after{content:"";position:absolute;top:10px;left:10px;width:100%;height:100%;background:var(--mem-black);z-index:-1;transition:transform .2s}.mem-card:hover:after{transform:translate(5px,5px)}.mem-icon{font-size:3rem;margin-bottom:15px;display:inline-block;background:var(--mem-yellow);width:80px;height:80px;line-height:80px;border-radius:50%;border:3px solid var(--mem-black)}.mem-card h3{font-family:Fredoka One,cursive;margin-bottom:10px;font-size:1.5rem}@media(max-width:768px){.mem-content{margin:20px;padding:20px}.mem-header{flex-direction:column;gap:20px}.mem-hero h1{font-size:2.5rem}}:root{--sw-bg: #f2f2f2;--sw-red: #ff3300;--sw-black: #000000;--sw-grid-color: rgba(0, 0, 0, .1)}.sw-container{min-height:100vh;background-color:var(--sw-bg);color:var(--sw-black);font-family:Inter,Helvetica Neue,Helvetica,Arial,sans-serif;box-sizing:border-box;background-image:linear-gradient(var(--sw-grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--sw-grid-color) 1px,transparent 1px);background-size:100px 100px;padding:40px}.sw-content{max-width:1200px;margin:0 auto;background:#fff;min-height:calc(100vh - 80px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto}.sw-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:flex-start;padding:40px;border-bottom:4px solid var(--sw-black)}.sw-logo{font-size:3rem;font-weight:900;letter-spacing:-2px;line-height:.8}.sw-nav{display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-weight:700;font-size:1.2rem}.sw-nav a{text-decoration:none;color:var(--sw-black);position:relative}.sw-nav a:hover:before{content:"→";position:absolute;left:-25px;color:var(--sw-red)}.sw-hero{grid-column:1 / 9;padding:60px 40px;border-right:1px solid #eee}.sw-hero h1{font-size:5rem;font-weight:900;letter-spacing:-3px;line-height:.9;margin-bottom:40px}.sw-hero h1 span{color:var(--sw-red)}.sw-hero p{font-size:1.5rem;font-weight:400;max-width:500px;line-height:1.4}.sw-meta{grid-column:9 / -1;padding:60px 40px;background:var(--sw-red);color:#fff}.sw-meta h3{font-size:1.2rem;margin-bottom:20px;border-bottom:2px solid #fff;padding-bottom:10px}.sw-meta ul{list-style:none;padding:0}.sw-meta li{margin-bottom:15px;font-size:1rem}.sw-grid-section{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);border-top:4px solid var(--sw-black)}.sw-item{padding:40px;border-right:1px solid #eee;position:relative;transition:background .3s}.sw-item:last-child{border-right:none}.sw-item:hover{background:#f9f9f9}.sw-number{font-size:4rem;font-weight:900;color:#eee;position:absolute;top:20px;right:20px}.sw-item h3{font-size:1.5rem;font-weight:700;margin-bottom:15px}.sw-footer{grid-column:1 / -1;padding:20px 40px;border-top:4px solid var(--sw-black);font-weight:700;text-transform:uppercase;display:flex;justify-content:space-between}@media(max-width:768px){.sw-content{display:flex;flex-direction:column}.sw-hero h1{font-size:3rem}.sw-grid-section{grid-template-columns:1fr}.sw-item{border-right:none;border-bottom:1px solid #eee}}:root{--pix-bg: #202020;--pix-text: #fff;--pix-green: #5cff5c;--pix-border: 4px solid #fff}.pix-container{min-height:100vh;background-color:var(--pix-bg);color:var(--pix-text);font-family:"Press Start 2P",cursive;padding:20px;image-rendering:pixelated;line-height:1.5}.pix-content{max-width:800px;margin:0 auto;border:var(--pix-border);padding:20px;background:#000;box-shadow:10px 10px #00000080;position:relative}.pix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:4px dashed #fff;padding-bottom:20px}.pix-logo{color:var(--pix-green);font-size:1.2rem;text-shadow:2px 2px 0 #000}.pix-nav{display:flex;gap:20px;font-size:.7rem}.pix-nav a{text-decoration:none;color:#fff;transition:color .2s}.pix-nav a:hover{color:var(--pix-green);text-decoration:underline}.pix-hero{text-align:center;margin-bottom:60px}.pix-avatar{width:100px;height:100px;background:#fff;margin:0 auto 20px;background-image:linear-gradient(to right,transparent 20%,#000 20%,#000 40%,transparent 40%,transparent 60%,#000 60%,#000 80%,transparent 80%),linear-gradient(to right,transparent 30%,#000 30%,#000 70%,transparent 70%);background-size:100% 10%,100% 10%;background-position:0 40%,0 70%;background-repeat:no-repeat;border:4px solid #fff}.pix-hero h1{font-size:1.5rem;color:var(--pix-green);margin-bottom:20px}.pix-hero p{font-size:.8rem;color:#ccc;max-width:500px;margin:0 auto}.pix-stats{border:2px solid #fff;padding:15px;margin-bottom:40px;display:flex;justify-content:space-around;font-size:.7rem;background:#202020}.pix-stat-item span{color:var(--pix-green);display:block;margin-bottom:5px}.pix-project-list{display:flex;flex-direction:column;gap:20px}.pix-card{border:2px solid #fff;padding:15px;display:flex;align-items:center;gap:20px;cursor:pointer;transition:background .2s}.pix-card:hover{background:#202020}.pix-icon{width:40px;height:40px;background:var(--pix-green);box-shadow:4px 4px #fff}.pix-card-info h3{font-size:.9rem;margin:0 0 10px;color:var(--pix-green)}.pix-card-info p{font-size:.6rem;margin:0;color:#ccc}.pix-footer{margin-top:40px;text-align:center;font-size:.6rem;color:#666}.pix-blink{animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(max-width:768px){.pix-content{padding:10px}.pix-header{flex-direction:column;gap:20px}}:root{--gru-bg: #1a1a1a;--gru-text: #eee;--gru-accent: #ff0000;--gru-highlight: #ffff00}.gru-container{min-height:100vh;background-color:var(--gru-bg);color:var(--gru-text);font-family:Rock Salt,cursive;overflow-x:hidden;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' 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='200' height='200' filter='url(%23noise)' opacity='0.1'/%3E%3C/svg%3E")}.gru-torn{position:relative;background:#fff;color:#000;padding:20px;clip-path:polygon(0% 0%,100% 0%,100% 95%,95% 100%,90% 95%,85% 100%,80% 95%,75% 100%,70% 95%,65% 100%,60% 95%,55% 100%,50% 95%,45% 100%,40% 95%,35% 100%,30% 95%,25% 100%,20% 95%,15% 100%,10% 95%,5% 100%,0% 95%)}.gru-content{max-width:900px;margin:0 auto;padding:40px}.gru-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:80px;transform:rotate(-2deg)}.gru-logo{font-family:Permanent Marker,cursive;font-size:3rem;color:var(--gru-accent);text-transform:uppercase;border:3px solid #fff;padding:10px;background:#000}.gru-nav{display:flex;gap:20px;transform:rotate(3deg)}.gru-nav a{background:#fff;color:#000;padding:5px 15px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:transform .2s}.gru-nav a:hover{background:var(--gru-highlight);transform:scale(1.1) rotate(-5deg)}.gru-hero{text-align:center;margin-bottom:100px;position:relative}.gru-hero h1{font-family:Permanent Marker,cursive;font-size:5rem;line-height:.9;margin-bottom:20px;color:#fff;text-shadow:5px 5px 0 var(--gru-accent)}.gru-hero p{background:var(--gru-highlight);color:#000;display:inline-block;padding:10px;font-size:1.2rem;transform:rotate(2deg);max-width:600px}.gru-grid{display:grid;grid-template-columns:1fr;gap:60px}.gru-item{position:relative;background:#000;border:2px solid #fff;padding:30px}.gru-item h3{font-family:Permanent Marker,cursive;font-size:2.5rem;color:var(--gru-accent);margin:0 0 10px;transform:rotate(-1deg)}.gru-sticker{position:absolute;top:-20px;right:-20px;background:var(--gru-highlight);color:#000;padding:10px;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;font-weight:700;transform:rotate(15deg);box-shadow:3px 3px 5px #00000080}.gru-item p{font-size:1rem;line-height:1.5}.gru-footer{margin-top:100px;text-align:center;font-family:Permanent Marker,cursive;color:#666;font-size:1.5rem}@media(max-width:768px){.gru-hero h1{font-size:3rem}.gru-header{flex-direction:column;gap:30px}}:root{--vap-bg: #ff71ce;--vap-blue: #01cdfe;--vap-purple: #b967ff;--vap-yellow: #fffb96;--vap-win-gray: #c0c0c0;--vap-win-blue: #000080}.vap-container{min-height:100vh;background:linear-gradient(135deg,#ff71ce,#b967ff);color:#000;font-family:VT323,monospace;padding:20px;position:relative;overflow:hidden}.vap-grid-bg{position:absolute;bottom:0;left:0;width:100%;height:50%;background-image:linear-gradient(var(--vap-blue) 1px,transparent 1px),linear-gradient(90deg,var(--vap-blue) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg);transform-origin:bottom;z-index:0;opacity:.5}.vap-sun{position:absolute;bottom:30%;left:50%;transform:translate(-50%);width:200px;height:200px;background:linear-gradient(to bottom,#ff0080,#ff8c00);border-radius:50%;z-index:0;box-shadow:0 0 40px #ff0080;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 50%,transparent 55%,black 55%);-webkit-mask-size:100% 10px}.vap-content{position:relative;z-index:1;max-width:1000px;margin:0 auto}.vap-window{background:var(--vap-win-gray);border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;box-shadow:2px 2px #000;padding:2px;margin-bottom:20px}.vap-title-bar{background:var(--vap-win-blue);color:#fff;padding:2px 5px;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:1.2rem}.vap-btn-close{background:var(--vap-win-gray);border-top:1px solid #fff;border-left:1px solid #fff;border-right:1px solid #404040;border-bottom:1px solid #404040;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#000;font-size:.8rem;cursor:pointer}.vap-btn-close:active{border-top:1px solid #404040;border-left:1px solid #404040;border-right:1px solid #fff;border-bottom:1px solid #fff}.vap-window-body{padding:20px}.vap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.vap-logo{font-size:3rem;color:var(--vap-yellow);text-shadow:3px 3px 0 var(--vap-purple);letter-spacing:5px}.vap-nav{display:flex;gap:10px}.vap-nav-btn{background:var(--vap-win-gray);border-top:2px solid #fff;border-left:2px solid #fff;border-right:2px solid #404040;border-bottom:2px solid #404040;padding:5px 15px;text-decoration:none;color:#000;font-size:1.2rem}.vap-nav-btn:active{border-top:2px solid #404040;border-left:2px solid #404040;border-right:2px solid #fff;border-bottom:2px solid #fff}.vap-hero{text-align:center;margin-bottom:60px}.vap-hero h1{font-size:4rem;color:#fff;text-shadow:4px 4px 0 var(--vap-blue);margin-bottom:20px}.vap-hero p{font-size:1.5rem;color:var(--vap-yellow);background:#00000080;display:inline-block;padding:5px 10px}.vap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.vap-icon{font-size:3rem;margin-bottom:10px}.vap-footer{margin-top:60px;text-align:center;color:#fff;text-shadow:1px 1px 0 #000;font-size:1.2rem}@media(max-width:768px){.vap-header{flex-direction:column;gap:20px}.vap-hero h1{font-size:2.5rem}}.neo-wrapper{background-color:#f0f0f0;color:#000;font-family:Courier Prime,monospace;min-height:100vh;padding:20px;box-sizing:border-box;overflow-x:hidden}.neo-nav{display:flex;justify-content:space-between;align-items:center;border:3px solid #000;background:#fff;padding:15px 20px;box-shadow:5px 5px #000;margin-bottom:40px}.neo-logo{font-family:Archivo Black,sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:-1px}.neo-back-btn{background:red;color:#fff;border:3px solid #000;padding:10px 20px;font-family:Courier Prime,monospace;font-weight:700;cursor:pointer;box-shadow:3px 3px #000;transition:all .1s}.neo-back-btn:active{transform:translate(3px,3px);box-shadow:0 0 #000}.neo-container{max-width:1200px;margin:0 auto}.neo-header{margin-bottom:50px;text-align:center}.neo-title{font-family:Archivo Black,sans-serif;font-size:4rem;line-height:.9;margin:0 0 20px;text-transform:uppercase;text-shadow:4px 4px 0px #fff,8px 8px 0px #000}.neo-marquee{background:#000;color:#fff;padding:10px 0;white-space:nowrap;overflow:hidden;border:3px solid #000;font-weight:700}.neo-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px;margin-bottom:50px}.neo-card{border:3px solid #000;padding:20px;box-shadow:6px 6px #000;transition:transform .2s}.neo-card:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #000}.card-yellow{grid-column:span 4;background-color:#ffde00}.card-pink{grid-column:span 5;background-color:#ff90e8}.card-blue{grid-column:span 3;background-color:#00f0ff}.neo-card h2{font-family:Archivo Black,sans-serif;margin-top:0;border-bottom:3px solid #000;padding-bottom:10px;margin-bottom:15px}.neo-img-placeholder{width:100%;height:150px;background:#fff;border:3px solid #000;display:flex;align-items:center;justify-content:center;margin-bottom:15px;font-weight:700}.neo-btn{background:#fff;border:3px solid #000;padding:10px 20px;font-weight:700;cursor:pointer;margin-top:10px;width:100%;text-align:left}.neo-btn:hover{background:#000;color:#fff}.neo-list{list-style:square;padding-left:20px}.neo-list li{margin-bottom:5px}.neo-sidebar{grid-column:span 12;display:grid;grid-template-columns:1fr 1fr;gap:20px}.neo-widget{background:#fff;border:3px solid #000;padding:20px;box-shadow:6px 6px #000}.neo-status-bar{height:20px;border:3px solid #000;background:#fff;margin:10px 0}.neo-fill{height:100%;background:#0f0;border-right:3px solid #000}.neo-footer{text-align:center;border-top:3px solid #000;padding-top:20px;font-weight:700}@media(max-width:768px){.neo-grid{display:flex;flex-direction:column}.neo-title{font-size:2.5rem}.neo-sidebar{grid-template-columns:1fr}}.bento-wrapper{background-color:#f2f2f7;min-height:100vh;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;padding:40px 20px;box-sizing:border-box}.bento-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,180px);gap:20px;width:100%;max-width:1000px}.bento-item{background:#fff;border-radius:32px;padding:24px;box-shadow:0 10px 30px #0000000a;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.bento-item:hover{transform:scale(1.02);box-shadow:0 15px 40px #00000014}.item-profile{grid-column:span 2;grid-row:span 2;justify-content:space-between;background:linear-gradient(135deg,#fff,#f8f8f8)}.bento-avatar{width:80px;height:80px;background-color:#333;border-radius:50%;margin-bottom:20px}.bento-info h1{font-size:2rem;margin:0 0 8px;color:#1d1d1f}.bento-info p{margin:0;color:#86868b;font-size:1.1rem}.bento-close-btn{position:absolute;top:24px;right:24px;width:40px;height:40px;border-radius:50%;border:none;background:#f0f0f0;color:#1d1d1f;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.bento-close-btn:hover{background:#e0e0e0}.item-map{grid-column:span 1;grid-row:span 1;background-color:#e5e5ea;align-items:center;justify-content:center;padding:0}.map-visual{width:100%;height:100%;background:#d1d1d6;position:relative}.map-pin{width:20px;height:20px;background:#ff3b30;border-radius:50%;border:3px solid #fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.item-social{grid-column:span 1;grid-row:span 1;flex-direction:row;justify-content:space-around;align-items:center;background:#000;color:#fff}.social-icon{font-size:1.5rem;cursor:pointer;opacity:.8;transition:opacity .2s}.social-icon:hover{opacity:1}.item-project-1{grid-column:span 2;grid-row:span 1}.item-project-2{grid-column:span 1;grid-row:span 2;background:#007aff;color:#fff}.item-project-2 h3{color:#fff}.project-preview{flex-grow:1;background:#0000000d;border-radius:16px;margin-bottom:12px}.item-project-2 .project-preview{background:#fff3}.bento-item h3{margin:0;font-size:1.2rem;font-weight:600;color:#1d1d1f}.item-stack{grid-column:span 1;grid-row:span 1}.stack-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.stack-tags span{background:#f2f2f7;padding:6px 12px;border-radius:100px;font-size:.85rem;font-weight:500;color:#1d1d1f}.item-mode{grid-column:span 1;grid-row:span 1;align-items:center;justify-content:center}.mode-toggle{width:60px;height:32px;background:#34c759;border-radius:100px;position:relative;margin-bottom:8px}.toggle-circle{width:28px;height:28px;background:#fff;border-radius:50%;position:absolute;top:2px;right:2px;box-shadow:0 2px 4px #0003}.item-stats{grid-column:span 1;grid-row:span 1;align-items:center;justify-content:center;background:#ff9500;color:#fff}.stat-number{font-size:3rem;font-weight:700;line-height:1}.stat-label{font-size:.9rem;opacity:.9}.bento-label{position:absolute;bottom:16px;left:24px;font-size:.8rem;font-weight:600;color:#0006;text-transform:uppercase;letter-spacing:.5px}@media(max-width:900px){.bento-container{grid-template-columns:1fr;grid-template-rows:auto;display:flex;flex-direction:column}.bento-item{min-height:200px}}.skeuomorphism-portfolio{min-height:100vh;background-color:#3e2723;position:relative;font-family:Georgia,serif;color:#3e2723;overflow:hidden}.wood-texture{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,#5d4037 0 2px,#4e342e 3px 4px),linear-gradient(#5d4037,#3e2723);background-blend-mode:overlay;opacity:.8;z-index:0}.skeuo-nav{position:relative;z-index:10;padding:40px;display:flex;justify-content:space-between;align-items:center}.skeuo-back-btn{background:linear-gradient(to bottom,#cfd8dc,#b0bec5);border:1px solid #78909c;border-radius:4px;padding:10px 20px;font-family:sans-serif;font-weight:700;color:#37474f;text-shadow:0 1px 0 #fff;box-shadow:inset 0 1px #fff,0 2px 4px #0000004d;cursor:pointer;display:flex;align-items:center;gap:10px}.skeuo-back-btn:active{background:linear-gradient(to bottom,#b0bec5,#cfd8dc);box-shadow:inset 0 2px 4px #0003}.screw{width:8px;height:8px;background:#90a4ae;border-radius:50%;box-shadow:inset 1px 1px 2px #00000080;position:relative}.screw:after{content:"";position:absolute;top:50%;left:50%;width:60%;height:1px;background:#546e7a;transform:translate(-50%,-50%) rotate(45deg)}.skeuo-title-plate{background:linear-gradient(to bottom,#ffd54f,#ffca28);padding:10px 30px;border-radius:8px;border:2px solid #ff6f00;box-shadow:inset 0 1px #ffffff80,0 4px 8px #0006}.skeuo-title-plate h1{margin:0;font-size:1.5rem;color:#3e2723;text-shadow:0 1px 0 rgba(255,255,255,.4)}.skeuo-content{position:relative;z-index:10;display:flex;justify-content:center;padding:40px;width:100%}.skeuo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1000px;width:100%}.skeuo-widget{position:relative;border-radius:12px}.leather-pad{background-color:#3e2723;background-image:radial-gradient(#5d4037 15%,transparent 16%),radial-gradient(#5d4037 15%,transparent 16%);background-size:10px 10px;background-position:0 0,5px 5px;padding:30px;box-shadow:0 10px 20px #00000080,inset 0 0 30px #000c;border:1px solid #281815;color:#d7ccc8}.stitch-border{border:2px dashed #a1887f;border-radius:8px;padding:20px;height:100%;display:flex;flex-direction:column}.skeuo-controls{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:20px}.notepad{background:#fdfbf7;box-shadow:0 5px 15px #0000004d;overflow:hidden;transform:rotate(1deg)}.paper-top{height:40px;background:#d32f2f;border-bottom:2px solid #b71c1c;position:relative}.paper-top:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:linear-gradient(to bottom,rgba(0,0,0,.2),transparent)}.paper-content{padding:20px 30px;background-image:linear-gradient(#999 1px,transparent 1px),linear-gradient(90deg,transparent 39px,#ffcdd2 39px,#ffcdd2 41px,transparent 41px);background-size:100% 30px,100% 100%;min-height:250px;font-family:Comic Sans MS,Chalkboard SE,sans-serif;color:#333;line-height:30px}.paper-content ul{list-style:none;padding:0;margin:0}.paper-content li{padding-left:20px;position:relative}.paper-content li.checked{text-decoration:line-through;color:#888}.metal-plate{background:linear-gradient(135deg,#cfd8dc,#b0bec5);border:1px solid #90a4ae;box-shadow:inset 0 1px #fffc,0 10px 20px #0006;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.metal-plate h3{font-family:Arial,sans-serif;font-size:.8rem;letter-spacing:2px;color:#546e7a;text-shadow:0 1px 0 #fff;margin-bottom:20px}.metal-plate .screw{position:absolute}.metal-plate .screw.tl{top:10px;left:10px}.metal-plate .screw.tr{top:10px;right:10px}.metal-plate .screw.bl{bottom:10px;left:10px}.metal-plate .screw.br{bottom:10px;right:10px}.knob-container{position:relative;width:100px;height:100px}.knob{width:80px;height:80px;background:radial-gradient(circle at 30% 30%,#eceff1,#b0bec5);border-radius:50%;position:absolute;top:10px;left:10px;box-shadow:0 5px 10px #0006,inset 0 1px #fffc;border:1px solid #78909c;transform:rotate(45deg);cursor:grab}.knob-indicator{width:4px;height:10px;background:#37474f;position:absolute;top:5px;left:50%;transform:translate(-50%);border-radius:2px}.knob-ticks .tick{position:absolute;top:0;left:50%;width:2px;height:6px;background:#78909c;transform-origin:0 50px}.meter-box{background:#263238;border:4px solid #37474f;box-shadow:inset 0 0 20px #000,0 10px 20px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.meter-glass{width:200px;height:120px;background:radial-gradient(circle at 50% 100%,#fffde7,#fff9c4 40%,#fbc02d);border-radius:100px 100px 0 0;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080;border-bottom:2px solid #f57f17}.meter-glass:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 50%);pointer-events:none}.meter-needle{width:80px;height:2px;background:#d50000;position:absolute;bottom:5px;left:50%;transform-origin:0 50%;transform:rotate(-45deg);animation:meterWiggle 2s ease-in-out infinite alternate;box-shadow:1px 1px 2px #0000004d}.meter-pivot{width:10px;height:10px;background:#212121;border-radius:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%)}.meter-label{margin-top:15px;font-family:Courier New,monospace;color:#cfd8dc;font-weight:700;letter-spacing:2px;background:#000;padding:2px 8px;border-radius:2px;box-shadow:0 0 5px #000}@keyframes meterWiggle{0%{transform:rotate(-45deg)}30%{transform:rotate(-20deg)}60%{transform:rotate(-35deg)}to{transform:rotate(10deg)}}.skeuo-switch-plate{position:relative;width:50px;height:80px;background:linear-gradient(to right,#cfd8dc,#eceff1,#cfd8dc);border:1px solid #b0bec5;border-radius:4px;box-shadow:0 2px 4px #0000004d;display:flex;justify-content:center;align-items:center}.skeuo-switch-plate input{display:none}.skeuo-switch-plate label{width:20px;height:40px;background:#333;border-radius:2px;position:relative;cursor:pointer;box-shadow:inset 0 0 5px #000}.skeuo-switch-plate .switch-handle{position:absolute;top:2px;left:2px;width:16px;height:16px;background:linear-gradient(to bottom,#546e7a,#37474f);border-radius:2px;transition:top .2s;box-shadow:0 2px 2px #00000080}.skeuo-switch-plate input:checked+label .switch-handle{top:22px;background:linear-gradient(to bottom,#ff7043,#f4511e)}.switch-label{position:absolute;bottom:-20px;font-size:.6rem;font-family:sans-serif;color:#a1887f;font-weight:700}.skeuo-glossy-btn{padding:8px 20px;font-size:.9rem}.skeuo-glossy-btn:active{transform:translateY(2px);box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000004d}.clay-portfolio{font-family:Nunito,sans-serif;background-color:#e0f7fa;min-height:100vh;color:#455a64;padding:20px;overflow-x:hidden;position:relative}.clay-nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;margin-bottom:40px}.clay-logo{font-size:1.8rem;font-weight:900;color:#006064;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.clay-btn-icon{width:50px;height:50px;border-radius:50%;border:none;background-color:#e0f7fa;box-shadow:8px 8px 16px #b2ebf2,-8px -8px 16px #fff;color:#006064;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.clay-btn-icon:hover{box-shadow:inset 4px 4px 8px #b2ebf2,inset -4px -4px 8px #fff;transform:scale(.95)}.clay-main{max-width:1200px;margin:0 auto}.clay-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;position:relative}.clay-card{background-color:#e0f7fa;border-radius:30px;padding:40px;box-shadow:20px 20px 60px #b2ebf2,-20px -20px 60px #fff;transition:transform .3s ease}.hero-card{max-width:600px;z-index:2}.hero-card h1{font-size:3rem;font-weight:900;color:#00838f;margin-bottom:20px}.hero-card p{font-size:1.2rem;line-height:1.6;margin-bottom:30px;color:#546e7a}.clay-actions{display:flex;gap:20px}.clay-btn{padding:15px 30px;border-radius:20px;border:none;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease}.clay-btn.primary{background-color:#00bcd4;color:#fff;box-shadow:10px 10px 20px #80deea,-10px -10px 20px #fff}.clay-btn.primary:hover{background-color:#00acc1;transform:translateY(-2px);box-shadow:15px 15px 30px #80deea,-15px -15px 30px #fff}.clay-btn.secondary{background-color:#e0f7fa;color:#00838f;box-shadow:8px 8px 16px #b2ebf2,-8px -8px 16px #fff}.clay-btn.secondary:hover{box-shadow:inset 4px 4px 8px #b2ebf2,inset -4px -4px 8px #fff}.clay-floating-shapes{position:absolute;top:0;right:0;width:50%;height:100%;pointer-events:none}.clay-shape{position:absolute;border-radius:50%;background-color:#e0f7fa;box-shadow:inset 20px 20px 60px #fffc,inset -20px -20px 60px #00bcd433,20px 20px 60px #00bcd433;animation:float 6s ease-in-out infinite}.shape-1{width:150px;height:150px;top:10%;right:20%;background-color:#ffccbc;box-shadow:inset 10px 10px 30px #fffc,inset -10px -10px 30px #ff57221a,10px 10px 30px #ff572233;animation-delay:0s}.shape-2{width:100px;height:100px;bottom:20%;right:10%;background-color:#c5cae9;box-shadow:inset 10px 10px 30px #fffc,inset -10px -10px 30px #3f51b51a,10px 10px 30px #3f51b533;animation-delay:2s}.shape-3{width:80px;height:80px;top:40%;right:40%;background-color:#dcedc8;box-shadow:inset 10px 10px 30px #fffc,inset -10px -10px 30px #8bc34a1a,10px 10px 30px #8bc34a33;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.clay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.user-card{display:flex;flex-direction:column;align-items:center;text-align:center}.clay-avatar{width:100px;height:100px;border-radius:50%;background-color:#ffab91;margin-bottom:20px;box-shadow:inset 5px 5px 15px #fff9,inset -5px -5px 15px #0000001a,10px 10px 20px #0000001a}.clay-btn.small{padding:10px 25px;margin-top:15px;font-size:.9rem;background-color:#ffccbc;color:#d84315;box-shadow:6px 6px 12px #e6b0a1,-6px -6px 12px #fff}.stats-card{display:flex;flex-direction:column;justify-content:center}.clay-value{font-size:2.5rem;font-weight:900;color:#00bcd4;margin:10px 0 20px}.clay-chart{display:flex;justify-content:space-between;align-items:flex-end;height:100px;padding:0 10px}.bar{width:15px;background-color:#80deea;border-radius:10px;box-shadow:inset 2px 2px 4px #ffffff80}.music-card{display:flex;flex-direction:column;align-items:center}.clay-icon-music{font-size:3rem;color:#5c6bc0;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.clay-progress{width:100%;height:15px;background-color:#e0f7fa;border-radius:10px;box-shadow:inset 3px 3px 6px #b2ebf2,inset -3px -3px 6px #fff;margin-bottom:25px;overflow:hidden}.clay-progress-bar{width:60%;height:100%;background-color:#5c6bc0;border-radius:10px;box-shadow:2px 0 5px #0003}.clay-controls{display:flex;gap:20px}.clay-btn-round{width:50px;height:50px;border-radius:50%;border:none;background-color:#e0f7fa;color:#5c6bc0;font-size:1.2rem;cursor:pointer;box-shadow:6px 6px 12px #b2ebf2,-6px -6px 12px #fff;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clay-btn-round:active{box-shadow:inset 3px 3px 6px #b2ebf2,inset -3px -3px 6px #fff}.clay-btn-round.play{width:70px;height:70px;font-size:1.5rem;background-color:#5c6bc0;color:#fff;box-shadow:8px 8px 16px #9fa8da,-8px -8px 16px #fff}.clay-btn-round.play:active{box-shadow:inset 4px 4px 8px #0003,inset -4px -4px 8px #fff3}.acid-portfolio{font-family:Space Mono,monospace;background-color:#050505;color:#0f0;min-height:100vh;position:relative;overflow:hidden;padding:20px}.acid-noise{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:1}.acid-grid-bg{position:absolute;top:0;left:0;width:200%;height:200%;background-image:linear-gradient(rgba(0,255,0,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,0,.1) 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) translateY(-100px) translateZ(-200px);animation:gridScroll 20s linear infinite;z-index:0}@keyframes gridScroll{0%{transform:perspective(500px) rotateX(60deg) translateY(0) translateZ(-200px)}to{transform:perspective(500px) rotateX(60deg) translateY(40px) translateZ(-200px)}}.acid-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #00ff00;padding-bottom:20px;margin-bottom:60px}.acid-logo{font-size:1.5rem;font-weight:700;letter-spacing:-1px;text-transform:uppercase;background:#0f0;color:#000;padding:5px 10px}.acid-back-btn{background:transparent;border:1px solid #00ff00;color:#0f0;padding:10px 20px;font-family:inherit;cursor:pointer;transition:all .2s}.acid-back-btn:hover{background:#0f0;color:#000;box-shadow:0 0 15px #0f0}.acid-content{position:relative;z-index:10;max-width:1200px;margin:0 auto}.acid-hero{text-align:center;margin-bottom:80px}.acid-title{font-size:6rem;font-weight:900;font-style:italic;color:transparent;-webkit-text-stroke:2px #fff;position:relative;display:inline-block;margin:0;letter-spacing:-5px}.acid-title:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;color:#0f0;opacity:.5;transform:translate(4px,4px);filter:blur(2px);z-index:-1}.acid-subtitle{margin-top:20px;display:flex;justify-content:center;gap:20px;font-size:.9rem;color:#888}.acid-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.acid-item{border:1px solid #333;height:300px;position:relative;overflow:hidden;background:#0a0a0a;transition:all .3s}.acid-item:hover{border-color:#0f0;box-shadow:0 0 20px #0f03}.acid-blob{position:absolute;top:50%;left:50%;width:150px;height:150px;background:radial-gradient(circle at 30% 30%,#e0e0e0,#9e9e9e,#424242);border-radius:40% 60% 70% 30%/40% 50% 60%;transform:translate(-50%,-50%);filter:blur(2px) contrast(200%);mix-blend-mode:exclusion;animation:blobMorph 5s infinite alternate}@keyframes blobMorph{0%{border-radius:40% 60% 70% 30%/40% 50% 60%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}.acid-cd{position:absolute;top:50%;left:50%;width:180px;height:180px;border-radius:50%;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);transform:translate(-50%,-50%);animation:spin 2s linear infinite;filter:blur(10px);opacity:.8}.cd-inner{position:absolute;top:50%;left:50%;width:50px;height:50px;background:#000;border-radius:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.acid-overlay{position:absolute;bottom:0;left:0;width:100%;padding:15px;background:#000c;border-top:1px solid #333}.acid-overlay h3{margin:0;font-size:1.2rem;color:#fff}.acid-overlay p{margin:5px 0 0;font-size:.8rem;color:#0f0}.text-only{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center}.acid-glitch-btn{margin-top:20px;background:#fff;color:#000;border:none;padding:10px 30px;font-weight:700;font-family:inherit;cursor:pointer;position:relative}.acid-glitch-btn:before{content:"EXECUTE";position:absolute;top:0;left:0;width:100%;height:100%;background:#f0f;color:#fff;display:flex;align-items:center;justify-content:center;z-index:-1;transform:translate(4px,4px);transition:transform .1s}.acid-glitch-btn:hover:before{transform:translate(-2px,-2px)}.acid-footer{position:fixed;bottom:0;left:0;width:100%;background:#0f0;color:#000;padding:5px 0;z-index:20;white-space:nowrap;overflow:hidden}.scrolling-text{display:inline-block;animation:scrollText 10s linear infinite;font-weight:700}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-50%)}}.fantasy-castle-container{margin-top:2rem;width:100%;max-width:800px;position:relative;z-index:5}.fantasy-castle-img{width:100%;height:auto;border-radius:20px;box-shadow:0 0 50px #ffd7004d;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.fantasy-wrapper{background:linear-gradient(135deg,#2a0845,#6441a5,#feac5e);color:#fff;min-height:100vh;font-family:Playfair Display,serif;position:relative;overflow:hidden}.fantasy-stars,.fantasy-twinkles{position:absolute;inset:0;width:100%;height:100%;display:block}.fantasy-stars{background:#000 url(http://www.script-tutorials.com/demos/360/images/stars.png) repeat top center;z-index:0;opacity:.3}.fantasy-twinkles{background:transparent url(http://www.script-tutorials.com/demos/360/images/twinkling.png) repeat top center;z-index:1;animation:move-twink-back 200s linear infinite;opacity:.5}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.fantasy-nav{position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:3rem 4rem 1rem;background:linear-gradient(to bottom,rgba(42,8,69,.8),transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-bottom:1px solid rgba(255,215,0,.1);box-sizing:border-box}.fantasy-logo{font-family:Cinzel,serif;font-size:1.8rem;font-weight:700;color:gold;text-shadow:0 0 10px rgba(255,215,0,.5)}.fantasy-links a{color:#e0e0e0;text-decoration:none;margin-left:2rem;font-size:1.1rem;transition:color .3s;text-shadow:0 2px 4px rgba(0,0,0,.5)}.fantasy-links a:hover{color:gold;text-shadow:0 0 5px #ffd700}.fantasy-hero{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding-top:120px}.fantasy-title{font-family:Cinzel,serif;font-size:5rem;margin:0;background:linear-gradient(to bottom,gold,#ff8c00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,215,0,.3))}.fantasy-subtitle{font-size:1.5rem;margin-top:1rem;color:#e0e0e0;font-style:italic}.fantasy-cta{margin-top:3rem;padding:1rem 3rem;font-size:1.2rem;background:linear-gradient(45deg,gold,#ff8c00);border:none;border-radius:50px;color:#2a0845;font-weight:700;cursor:pointer;box-shadow:0 0 20px #ffd70066;transition:transform .3s}.fantasy-cta:hover{transform:scale(1.05);box-shadow:0 0 30px #ffd70099}.fantasy-cards-section{position:relative;z-index:10;display:flex;justify-content:center;gap:2rem;padding:4rem}.fantasy-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.2);width:250px;text-align:center;transition:transform .3s}.fantasy-card:hover{transform:translateY(-10px);background:#ffffff26;border-color:#ffd70080}.fantasy-card-icon{font-size:3rem;margin-bottom:1rem}.fantasy-card h3{font-family:Cinzel,serif;color:gold;margin-bottom:.5rem}.fantasy-card p{font-size:.9rem;line-height:1.6;color:#ddd}.steampunk-wrapper{background-color:#2b2b2b;background-image:radial-gradient(circle at 50% 50%,#3a3a3a,#1a1a1a);min-height:100vh;color:#d4b483;font-family:Special Elite,cursive;position:relative;overflow:hidden;display:flex;flex-direction:column}.steampunk-overlay{position:absolute;top:0;left:0;width:100%;height:100%;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%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none;z-index:1}.steampunk-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;background:#1f1f1f;border-bottom:4px solid #8b5a2b;box-shadow:0 5px 15px #00000080}.steampunk-logo{font-family:Rye,serif;font-size:2rem;color:#cd7f32;text-shadow:2px 2px 0 #000;display:flex;align-items:center;gap:10px}.gear-icon{animation:spin 10s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.steampunk-btn-nav{background:linear-gradient(to bottom,#8b5a2b,#5d3a1a);border:2px solid #cd7f32;color:#f0e6d2;padding:.5rem 1.5rem;font-family:Rye,serif;cursor:pointer;text-transform:uppercase;box-shadow:inset 0 1px #fff3,0 2px 5px #00000080;transition:all .2s}.steampunk-btn-nav:hover{background:linear-gradient(to bottom,#a06b35,#6e4520);transform:translateY(1px)}.steampunk-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;padding:2rem}.steampunk-frame{background:#222;border:4px solid #8b5a2b;padding:4rem;max-width:800px;position:relative;box-shadow:0 0 50px #000c;text-align:center}.steampunk-corner{position:absolute;width:40px;height:40px;border:4px solid #cd7f32;background:#222}.steampunk-corner.tl{top:-6px;left:-6px;border-right:none;border-bottom:none}.steampunk-corner.tr{top:-6px;right:-6px;border-left:none;border-bottom:none}.steampunk-corner.bl{bottom:-6px;left:-6px;border-right:none;border-top:none}.steampunk-corner.br{bottom:-6px;right:-6px;border-left:none;border-top:none}.steampunk-title{font-family:Rye,serif;font-size:4rem;color:#e6c288;margin:0;text-shadow:3px 3px 0 #3e2723;letter-spacing:2px}.steampunk-divider{display:flex;align-items:center;justify-content:center;gap:1rem;margin:2rem 0;color:#cd7f32}.steampunk-divider .line{height:2px;width:100px;background:#cd7f32}.steampunk-text{font-size:1.2rem;line-height:1.8;color:#d4b483;margin-bottom:3rem}.steampunk-controls{display:flex;align-items:center;justify-content:center;gap:3rem}.gauge-container{display:flex;flex-direction:column;align-items:center}.gauge-label{font-size:.8rem;margin-bottom:.5rem;color:#cd7f32}.gauge{width:80px;height:80px;border:4px solid #5d3a1a;border-radius:50%;background:#f0e6d2;position:relative;box-shadow:inset 0 0 10px #00000080}.needle{position:absolute;top:50%;left:50%;width:35px;height:2px;background:#c00;transform-origin:0 50%;transform:rotate(-45deg);animation:gauge-wiggle 2s ease-in-out infinite}@keyframes gauge-wiggle{0%{transform:rotate(-45deg)}50%{transform:rotate(45deg)}to{transform:rotate(-45deg)}}.steampunk-cta{background:#8b0000;color:#fff;border:4px solid #5d3a1a;padding:1rem 2rem;font-family:Rye,serif;font-size:1.2rem;cursor:pointer;box-shadow:0 5px #3e0000;transition:all .1s}.steampunk-cta:active{transform:translateY(5px);box-shadow:none}.demo-wrapper-container{position:relative;width:100%;height:100%}.demo-top-bar{position:fixed;top:0;left:0;right:0;height:40px;z-index:9999;pointer-events:none;display:flex;justify-content:flex-end;padding:0 20px;background:linear-gradient(to bottom,rgba(0,0,0,.5) 0%,transparent 100%)}.demo-top-bar-right{pointer-events:auto;display:flex;align-items:center;gap:10px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:5px 15px;border-radius:0 0 8px 8px;color:#fff;font-family:sans-serif;font-size:14px}.demo-link-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:14px;padding:0;text-decoration:underline;opacity:.9;transition:opacity .2s}.demo-link-btn:hover{opacity:1;text-decoration:none}.demo-separator{opacity:.5;font-size:12px}.prompt-modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease}.prompt-modal-content{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px;position:relative;box-shadow:0 20px 50px #0000004d;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.prompt-modal-close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#999;line-height:1}.prompt-modal-content h3{margin-top:0;margin-bottom:20px;font-size:1.2rem;border-bottom:1px solid #eee;padding-bottom:10px}.prompt-section{margin-bottom:20px}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.prompt-label{font-weight:600;font-size:.9rem;color:#555}.prompt-copy-btn{background:#f0f0f0;border:1px solid #ddd;padding:4px 10px;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s}.prompt-copy-btn:hover{background:#e0e0e0;border-color:#ccc}.prompt-box{background:#f9f9f9;border:1px solid #eee;padding:12px;border-radius:6px;font-size:.9rem;line-height:1.5;color:#444;word-wrap:break-word}