.anti-design-card{background:linear-gradient(135deg, #0a0a0a 0%, #f8f8ff 25%, #ccff00 50%, #ff1493 75%, #0a0a0a 100%);background-size:400% 400%;animation:chaos-gradient 6s ease-in-out infinite;border:2px solid red;border-radius:15px 2px 8px 20px;box-shadow:2px 2px 0 red,-2px -2px 0 #ffd300;transform:skew(-0.5deg, 0.2deg);position:relative;overflow:hidden}.anti-design-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg, transparent, transparent 1px, rgba(255, 0, 0, 0.05) 1px, rgba(255, 0, 0, 0.05) 2px),repeating-linear-gradient(0deg, transparent, transparent 1px, rgba(204, 255, 0, 0.03) 1px, rgba(204, 255, 0, 0.03) 2px);pointer-events:none;z-index:1}.anti-design-card::after{content:"";position:absolute;top:0;left:-2px;width:calc(100% + 4px);height:100%;background:linear-gradient(90deg, transparent, rgba(255, 20, 147, 0.1), transparent);animation:glitch-sweep 3s linear infinite;z-index:2;pointer-events:none}.anti-design-card h2{font-family:"VT323",monospace;font-weight:400;color:#f8f8ff;font-size:clamp(1.5rem,5vw,2rem);text-shadow:2px 2px 0 red,-1px -1px 0 aqua;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:3;line-height:1.1;transform:skew(0.5deg, -0.2deg)}.anti-design-card p{font-family:"Inter",sans-serif;font-weight:400;color:#0a0a0a;background:rgba(248,248,255,.9);padding:.5rem;border-radius:2px;position:relative;z-index:3;font-size:.9rem;margin:1rem 0;transform:skew(0.5deg, -0.2deg)}.anti-design-card .tags{font-family:"Source Code Pro",monospace;color:#cf0;text-shadow:1px 1px 0 #000;font-weight:600;text-transform:none;font-size:.7rem;letter-spacing:.05em;position:relative;z-index:3;background:rgba(10,10,10,.8);padding:.25rem .5rem;border-radius:0 8px 0 8px;transform:skew(0.5deg, -0.2deg)}.anti-design-card .view-btn{background:#ff1493;border:2px solid #cf0;color:#f8f8ff;font-family:"VT323",monospace;font-weight:400;text-transform:uppercase;font-size:1.1rem;letter-spacing:.1em;padding:.75rem 1.5rem;border-radius:0;box-shadow:4px 4px 0 #ffd300;transition:all .2s cubic-bezier(0.68, -0.55, 0.265, 1.55);position:relative;z-index:3;transform:skew(0.5deg, -0.2deg)}.anti-design-card .view-btn:hover{background:#cf0;color:#0a0a0a;border-color:red;transform:skew(0.5deg, -0.2deg) translate(-2px, -2px);box-shadow:6px 6px 0 red;text-shadow:none}.anti-design-card .view-btn:active{transform:skew(0.5deg, -0.2deg) translate(2px, 2px);box-shadow:1px 1px 0 red}.anti-design-card:hover{animation-duration:3s;transform:skew(-1deg, 0.5deg)}.anti-design-card:hover::after{animation-duration:1.5s}.anti-design-card:focus-within{outline:3px solid #cf0;outline-offset:3px}@keyframes chaos-gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes glitch-sweep{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media(max-width: 768px){.anti-design-card{transform:none;animation:none;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:auto}.anti-design-card::before,.anti-design-card::after{display:none}.anti-design-card h2,.anti-design-card p,.anti-design-card .tags,.anti-design-card .view-btn{transform:none}.anti-design-card:hover{transform:none;animation:none}}@media(prefers-reduced-motion: reduce){.anti-design-card{animation:none}.anti-design-card::after{animation:none}.anti-design-card:hover{animation:none}.anti-design-card:hover::after{animation:none}}.brutalism-card{background:#fff;border:3px solid #1f2937;box-shadow:8px 8px 0 #6b7280;transform:rotate(0deg);transition:all .15s linear;position:relative}.brutalism-card h2{font-family:"Inter",sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#111827;font-size:1.4rem;line-height:1.2}.brutalism-card p{font-weight:500;color:#374151;font-size:1rem;margin-bottom:1rem}.brutalism-card .tags{color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.brutalism-card .view-btn{background:#fff;border:3px solid #1f2937;color:#1f2937;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.75rem 1.5rem;box-shadow:4px 4px 0 #6b7280;transition:all .15s linear}.brutalism-card .view-btn:hover{background:#dc2626;color:#fff;transform:translate(2px, 2px);box-shadow:2px 2px 0 #6b7280}.brutalism-card .view-btn:active{transform:translate(4px, 4px);box-shadow:none}.brutalism-card:hover{transform:translate(-2px, -2px);box-shadow:12px 12px 0 #6b7280;background:#fafafa}.brutalism-card:focus-within{outline:4px solid #ea580c;outline-offset:2px}.corporate-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease-out;position:relative}.corporate-card h2{font-family:"Arial",sans-serif;font-weight:600;color:#1f2937;font-size:1.4rem;letter-spacing:0;line-height:1.3;margin-bottom:.75rem}.corporate-card p{font-family:"Arial",sans-serif;font-weight:400;color:#4b5563;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.corporate-card .tags{color:#6b7280;font-weight:500;font-size:.8rem;text-transform:none;letter-spacing:0;background:#f3f4f6;padding:.4rem .8rem;border-radius:4px;display:inline-block;margin-bottom:1rem}.corporate-card .view-btn{background:#3b82f6;border:none;color:#fff;font-family:"Arial",sans-serif;font-weight:600;text-transform:none;font-size:.9rem;letter-spacing:0;padding:.75rem 1.5rem;border-radius:4px;transition:all .2s ease-out}.corporate-card .view-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.corporate-card .view-btn:active{background:#1d4ed8;transform:translateY(0);box-shadow:0 2px 6px rgba(59,130,246,.3)}.corporate-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.corporate-card:hover h2{color:#111827}.corporate-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.cyberpunk-card{background:linear-gradient(135deg, #0d1117 0%, #161b22 100%);border:1px solid rgba(0,255,255,.3);border-radius:4px;box-shadow:0 0 10px rgba(0,255,255,.2),0 0 20px rgba(0,255,255,.1),inset 0 0 10px rgba(0,255,255,.05);position:relative;overflow:hidden}.cyberpunk-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg, transparent, #00ffff, transparent);animation:scan-line 3s linear infinite;z-index:1}.cyberpunk-card::after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg, #00ffff, #ff00ff, #39ff14, #ff6600);border-radius:4px;z-index:-1;opacity:0;transition:opacity .3s ease}.cyberpunk-card h2{font-family:"Orbitron",monospace;font-weight:700;color:aqua;font-size:1.4rem;text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4);position:relative;z-index:2;line-height:1.2}.cyberpunk-card p{font-family:"Rajdhani",sans-serif;font-weight:400;color:#e0e0e0;font-size:1rem;line-height:1.4;position:relative;z-index:2;margin-bottom:1rem}.cyberpunk-card .tags{font-family:"Fira Code",monospace;color:#a8a8a8;font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:.05em;position:relative;z-index:2;background:rgba(0,255,255,.1);padding:.25rem .5rem;border-radius:2px;border-left:3px solid #39ff14}.cyberpunk-card .view-btn{background:linear-gradient(135deg, #0d1117, #161b22);border:1px solid aqua;color:aqua;font-family:"Orbitron",monospace;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.1em;padding:.75rem 1.5rem;border-radius:2px;box-shadow:0 0 10px rgba(0,255,255,.3),inset 0 0 10px rgba(0,255,255,.1);transition:all .3s ease;position:relative;z-index:2;text-shadow:0 0 10px rgba(0,255,255,.6)}.cyberpunk-card .view-btn:hover{background:linear-gradient(135deg, #00ffff, #ff00ff);color:#0d1117;border-color:#f0f;box-shadow:0 0 20px rgba(255,0,255,.6),0 0 40px rgba(0,255,255,.3);text-shadow:none;transform:translateY(-2px)}.cyberpunk-card .view-btn:active{transform:translateY(0);box-shadow:0 0 10px rgba(255,0,255,.4),inset 0 0 10px rgba(0,0,0,.3)}.cyberpunk-card:hover{border-color:#f0f;box-shadow:0 0 20px rgba(255,0,255,.3),0 0 40px rgba(0,255,255,.2),inset 0 0 15px rgba(255,0,255,.1)}.cyberpunk-card:hover::after{opacity:.3}.cyberpunk-card:hover h2{color:#f0f;text-shadow:0 0 10px rgba(255,0,255,.8),0 0 20px rgba(255,0,255,.4)}.cyberpunk-card:focus-within{outline:2px solid #39ff14;outline-offset:2px}.cyberpunk-card:focus-within::after{opacity:.5}@keyframes scan-line{0%{top:0;opacity:1}50%{top:50%;opacity:.5}100%{top:100%;opacity:0}}@media(prefers-reduced-motion: reduce){.cyberpunk-card::before{animation:none}}.flat-design-card{background:#3498db;border:none;border-radius:0;box-shadow:none;transition:all .2s ease-out;position:relative}.flat-design-card h2{font-family:"Open Sans",sans-serif;font-weight:600;color:#fff;font-size:1.5rem;letter-spacing:0;line-height:1.3;margin-bottom:.75rem}.flat-design-card p{font-family:"Open Sans",sans-serif;font-weight:400;color:hsla(0,0%,100%,.9);font-size:.95rem;line-height:1.5;margin-bottom:1rem}.flat-design-card .tags{color:hsla(0,0%,100%,.7);font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:0;background:hsla(0,0%,100%,.1);padding:.5rem .75rem;border-radius:0;display:inline-block;margin-bottom:1rem}.flat-design-card .view-btn{background:#2ecc71;border:none;color:#fff;font-family:"Open Sans",sans-serif;font-weight:600;text-transform:none;font-size:.9rem;letter-spacing:0;padding:.875rem 2rem;border-radius:0;transition:all .2s ease-out}.flat-design-card .view-btn:hover{background:#27ae60;transform:translateY(-1px)}.flat-design-card .view-btn:active{background:#229954;transform:translateY(0)}.flat-design-card:hover{background:#2980b9;transform:translateY(-2px)}.flat-design-card:hover .tags{background:hsla(0,0%,100%,.15)}.flat-design-card:focus-within{outline:3px solid #f39c12;outline-offset:0}.glassmorphism-card{background:linear-gradient(135deg, rgba(30, 30, 50, 0.8) 0%, rgba(50, 30, 80, 0.7) 100%);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden;transition:all .3s ease-out}.glassmorphism-card::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);border-radius:16px;z-index:1;pointer-events:none}.glassmorphism-card::after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);z-index:2;pointer-events:none}.glassmorphism-card h2{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;color:#fff;font-size:1.4rem;letter-spacing:-0.02em;line-height:1.3;margin-bottom:.75rem;position:relative;z-index:3;text-shadow:0 2px 8px rgba(0,0,0,.5)}.glassmorphism-card p{font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;color:hsla(0,0%,100%,.95);font-size:.95rem;line-height:1.5;margin-bottom:1rem;position:relative;z-index:3;text-shadow:0 1px 4px rgba(0,0,0,.3)}.glassmorphism-card .tags{color:hsla(0,0%,100%,.85);font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:.02em;position:relative;z-index:3;background:rgba(0,0,0,.2);padding:.25rem .75rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.25);display:inline-block;text-shadow:0 1px 2px rgba(0,0,0,.3)}.glassmorphism-card .view-btn{background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.4);color:#fff;font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;text-transform:none;font-size:.9rem;letter-spacing:.01em;padding:.75rem 1.5rem;border-radius:12px;transition:all .3s ease-out;position:relative;z-index:3;box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2);text-shadow:0 1px 4px rgba(0,0,0,.4)}.glassmorphism-card .view-btn:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.6);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.3);text-shadow:0 2px 6px rgba(0,0,0,.5)}.glassmorphism-card .view-btn:active{transform:translateY(-1px);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2)}.glassmorphism-card:hover{background:linear-gradient(135deg, rgba(40, 40, 70, 0.85) 0%, rgba(70, 40, 100, 0.8) 100%);border-color:hsla(0,0%,100%,.4);box-shadow:0 12px 40px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.3);transform:translateY(-4px)}.glassmorphism-card:hover::before{background:linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.08) 100%)}.glassmorphism-card:hover h2{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6)}.glassmorphism-card:hover p{color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}.glassmorphism-card:focus-within{outline:2px solid rgba(59,130,246,.6);outline-offset:2px;border-color:rgba(59,130,246,.4)}.material-design-card{background:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);transition:all .3s cubic-bezier(0.25, 0.8, 0.25, 1);position:relative;overflow:hidden}.material-design-card h2{font-family:"Roboto",sans-serif;font-weight:500;color:#212121;font-size:1.5rem;letter-spacing:.0125em;line-height:1.25;margin-bottom:.5rem;position:relative;z-index:2}.material-design-card p{font-family:"Roboto",sans-serif;font-weight:400;color:#757575;font-size:.875rem;line-height:1.5;margin-bottom:1rem;position:relative;z-index:2}.material-design-card .tags{color:#9e9e9e;font-weight:400;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;position:relative;z-index:2;margin-bottom:1.5rem}.material-design-card .view-btn{display:inline-flex;align-items:center;justify-content:center;background:#2196f3;border:none;color:#fff;font-family:"Roboto",sans-serif;font-weight:500;text-transform:uppercase;font-size:.875rem;letter-spacing:0.0892857143em;padding:.75rem 2rem;border-radius:4px;min-width:64px;min-height:36px;text-decoration:none;cursor:pointer;user-select:none;transition:all .28s cubic-bezier(0.4, 0, 0.2, 1);position:relative;z-index:2;overflow:hidden;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.material-design-card .view-btn::before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.3);transform:translate(-50%, -50%);transition:width .6s ease-out,height .6s ease-out;pointer-events:none;z-index:-1}.material-design-card .view-btn:hover{background:#1976d2;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12);transform:translateY(-1px)}.material-design-card .view-btn:hover::before{width:120px;height:120px}.material-design-card .view-btn:focus{outline:none;box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 0 0 3px rgba(33,150,243,.3)}.material-design-card .view-btn:active{background:#0d47a1;transform:translateY(0);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.material-design-card .view-btn:active::before{width:140px;height:140px;background:hsla(0,0%,100%,.4);transition:width .2s ease-out,height .2s ease-out}.material-design-card .view-btn::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0);transition:background .15s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.material-design-card .view-btn:hover::after{background:hsla(0,0%,100%,.08)}.material-design-card .view-btn:focus::after{background:hsla(0,0%,100%,.12)}.material-design-card .view-btn:active::after{background:hsla(0,0%,100%,.16)}.material-design-card:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);transform:translateY(-2px)}.material-design-card:hover::before{width:300px;height:300px}.material-design-card:focus-within{outline:2px solid #2196f3;outline-offset:2px}.maximalism-card{background:linear-gradient(135deg, #ff6b6b 0%, #feca57 25%, #48dbfb 50%, #ff9ff3 75%, #54a0ff 100%);background-size:400% 400%;animation:rainbow-shift 4s ease-in-out infinite;border:3px solid #fff;border-radius:15px;box-shadow:0 0 20px rgba(255,107,107,.3),0 0 40px rgba(254,202,87,.2),0 0 60px rgba(72,219,251,.1);position:relative;overflow:hidden}.maximalism-card::before{content:"✦ ◆ ✧ ◇ ✦ ◆ ✧ ◇ ✦ ◆ ✧ ◇";position:absolute;top:10px;left:0;right:0;font-size:.8rem;color:hsla(0,0%,100%,.3);text-align:center;letter-spacing:.5rem;z-index:1;pointer-events:none}.maximalism-card::after{content:"◇ ✧ ◆ ✦ ◇ ✧ ◆ ✦ ◇ ✧ ◆ ✦";position:absolute;bottom:10px;left:0;right:0;font-size:.8rem;color:hsla(0,0%,100%,.3);text-align:center;letter-spacing:.5rem;z-index:1;pointer-events:none}.maximalism-card h2{font-family:"Playfair Display",serif;font-weight:700;color:#fff;font-size:1.6rem;letter-spacing:.02em;line-height:1.2;margin:0 0 .75rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;text-align:center}.maximalism-card p{font-family:"Montserrat",sans-serif;font-weight:500;color:#fff;font-size:1rem;line-height:1.4;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);position:relative;z-index:2;text-align:center}.maximalism-card .tags{color:#fff;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:25px;border:2px solid hsla(0,0%,100%,.3);display:inline-block;margin-bottom:1.5rem;position:relative;z-index:2;backdrop-filter:blur(10px);text-shadow:1px 1px 2px rgba(0,0,0,.3)}.maximalism-card .view-btn{background:linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb);border:3px solid #fff;color:#fff;font-family:"Montserrat",sans-serif;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.1em;padding:1rem 2rem;border-radius:50px;box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .3s ease-out;position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.3);overflow:hidden}.maximalism-card .view-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition:left .6s ease}.maximalism-card .view-btn:hover{background:linear-gradient(45deg, #ff5252, #ffc107, #03a9f4);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 30px rgba(0,0,0,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.maximalism-card .view-btn:hover::before{left:100%}.maximalism-card .view-btn:active{transform:translateY(-1px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2)}.maximalism-card:hover{animation-duration:2s;border-color:#feca57;box-shadow:0 0 30px rgba(255,107,107,.4),0 0 50px rgba(254,202,87,.3),0 0 70px rgba(72,219,251,.2);transform:translateY(-3px) scale(1.02)}.maximalism-card:focus-within{outline:4px solid #fff;outline-offset:4px}@keyframes rainbow-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@media(max-width: 768px){.maximalism-card{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:auto;animation:none;background:linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #48dbfb 100%)}.maximalism-card .view-btn::before{display:none}.maximalism-card:hover{animation:none;transform:none}}@media(prefers-reduced-motion: reduce){.maximalism-card{animation:none}.maximalism-card .view-btn::before{transition:none}.maximalism-card:hover{animation:none}}.minimal-brutalism-card{background:#fff;border:2px solid #000;border-radius:0;box-shadow:6px 6px 0 #000;transition:all .2s ease-out;position:relative}.minimal-brutalism-card h2{font-family:"Inter",sans-serif;font-weight:800;color:#000;font-size:1.5rem;letter-spacing:-0.02em;line-height:1.2;margin-bottom:.75rem;text-transform:uppercase}.minimal-brutalism-card p{font-family:"Inter",sans-serif;font-weight:400;color:#333;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.minimal-brutalism-card .tags{color:#666;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;background:rgba(0,0,0,0);border:1px solid #000;padding:.4rem .8rem;border-radius:0;display:inline-block;margin-bottom:1rem}.minimal-brutalism-card .view-btn{background:#000;border:2px solid #000;color:#fff;font-family:"Inter",sans-serif;font-weight:700;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;padding:.75rem 1.5rem;border-radius:0;transition:all .2s ease-out;box-shadow:3px 3px 0 #666}.minimal-brutalism-card .view-btn:hover{background:#fff;color:#000;transform:translate(1px, 1px);box-shadow:2px 2px 0 #666}.minimal-brutalism-card .view-btn:active{transform:translate(3px, 3px);box-shadow:none}.minimal-brutalism-card:hover{transform:translate(-2px, -2px);box-shadow:8px 8px 0 #000}.minimal-brutalism-card:hover h2{color:#000}.minimal-brutalism-card:hover .tags{background:#000;color:#fff}.minimal-brutalism-card:focus-within{outline:3px solid red;outline-offset:2px}.minimalism-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .2s ease-out;position:relative}.minimalism-card h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:300;color:#111827;font-size:1.5rem;letter-spacing:-0.025em;line-height:1.3;margin-bottom:.75rem}.minimalism-card p{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:300;color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.minimalism-card .tags{color:#9ca3af;font-weight:300;font-size:.8rem;text-transform:none;letter-spacing:0;line-height:1.4}.minimalism-card .view-btn{background:rgba(0,0,0,0);border:1px solid #d1d5db;color:#374151;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:300;text-transform:none;font-size:.9rem;letter-spacing:0;padding:.75rem 1.5rem;border-radius:6px;transition:all .2s ease-out}.minimalism-card .view-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#111827;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.minimalism-card .view-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,.1)}.minimalism-card:hover{border-color:#d1d5db;box-shadow:0 4px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.minimalism-card:hover h2{color:#030712}.minimalism-card:focus-within{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.neumorphism-card{background:#e0e5ec;border:none;border-radius:20px;box-shadow:9px 9px 16px rgba(163,177,198,.6),-9px -9px 16px hsla(0,0%,100%,.8);transition:all .3s ease-out;position:relative}.neumorphism-card h2{font-family:"SF Pro Display",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;color:#4a5568;font-size:1.4rem;letter-spacing:-0.01em;line-height:1.3;margin-bottom:.75rem}.neumorphism-card p{font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;color:#718096;font-size:.95rem;line-height:1.5;margin-bottom:1rem}.neumorphism-card .tags{color:#a0aec0;font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:.01em;background:#e0e5ec;padding:.5rem 1rem;border-radius:16px;box-shadow:inset 4px 4px 8px rgba(163,177,198,.3),inset -4px -4px 8px hsla(0,0%,100%,.7);display:inline-block;margin-bottom:1rem}.neumorphism-card .view-btn{background:#e0e5ec;border:none;color:#4a5568;font-family:"SF Pro Text",-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;text-transform:none;font-size:.9rem;letter-spacing:0;padding:.875rem 2rem;border-radius:25px;box-shadow:6px 6px 12px rgba(163,177,198,.4),-6px -6px 12px hsla(0,0%,100%,.8);transition:all .2s ease-out;position:relative}.neumorphism-card .view-btn:hover{color:#2d3748;box-shadow:8px 8px 16px rgba(163,177,198,.5),-8px -8px 16px hsla(0,0%,100%,.9);transform:translateY(-1px)}.neumorphism-card .view-btn:active{box-shadow:inset 4px 4px 8px rgba(163,177,198,.4),inset -4px -4px 8px hsla(0,0%,100%,.8);transform:translateY(0)}.neumorphism-card:hover{box-shadow:12px 12px 24px rgba(163,177,198,.7),-12px -12px 24px hsla(0,0%,100%,.9);transform:translateY(-2px)}.neumorphism-card:hover h2{color:#2d3748}.neumorphism-card:hover p{color:#4a5568}.neumorphism-card:active{box-shadow:inset 6px 6px 12px rgba(163,177,198,.4),inset -6px -6px 12px hsla(0,0%,100%,.8);transform:translateY(0)}.neumorphism-card:focus-within{outline:2px solid #667eea;outline-offset:2px}.organic-card{background:linear-gradient(135deg, #f7f1e8 0%, #e8f5e8 100%);border:none;border-radius:32px 8px 32px 8px;box-shadow:0 8px 24px rgba(139,195,74,.15),0 4px 8px rgba(139,195,74,.1);transition:all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);position:relative;overflow:hidden}.organic-card::before{content:"";position:absolute;top:-10px;right:-10px;width:80px;height:80px;background:radial-gradient(circle, rgba(139, 195, 74, 0.1) 0%, transparent 70%);border-radius:50% 20% 80% 40%;z-index:1;pointer-events:none}.organic-card h2{font-family:"Poppins",sans-serif;font-weight:600;color:#2e7d32;font-size:1.4rem;letter-spacing:-0.01em;line-height:1.3;margin-bottom:.75rem;position:relative;z-index:2}.organic-card p{font-family:"Poppins",sans-serif;font-weight:400;color:#4e7c59;font-size:.95rem;line-height:1.6;margin-bottom:1rem;position:relative;z-index:2}.organic-card .tags{color:#6a9b6f;font-weight:500;font-size:.8rem;text-transform:none;letter-spacing:0;background:rgba(139,195,74,.1);padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(139,195,74,.2);display:inline-block;margin-bottom:1rem;position:relative;z-index:2}.organic-card .view-btn{background:linear-gradient(135deg, #8bc34a, #689f38);border:none;color:#fff;font-family:"Poppins",sans-serif;font-weight:500;text-transform:none;font-size:.9rem;letter-spacing:0;padding:.875rem 2rem;border-radius:25px;transition:all .3s ease-out;position:relative;z-index:2;box-shadow:0 4px 12px rgba(139,195,74,.3)}.organic-card .view-btn:hover{background:linear-gradient(135deg, #689f38, #558b2f);transform:translateY(-2px);box-shadow:0 6px 16px rgba(139,195,74,.4)}.organic-card .view-btn:active{transform:translateY(0);box-shadow:0 2px 8px rgba(139,195,74,.3)}.organic-card:hover{border-radius:40px 12px 40px 12px;box-shadow:0 12px 32px rgba(139,195,74,.2),0 6px 12px rgba(139,195,74,.15);transform:translateY(-4px) scale(1.02)}.organic-card:hover::before{width:120px;height:120px;background:radial-gradient(circle, rgba(139, 195, 74, 0.15) 0%, transparent 70%)}.organic-card:hover h2{color:#1b5e20}.organic-card:focus-within{outline:2px solid #8bc34a;outline-offset:2px}.retro-card{background:linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffd23f 100%);border:3px solid #fff;border-radius:12px;box-shadow:0 8px 0 #d35400,0 12px 24px rgba(211,84,0,.3);transition:all .3s ease-out;position:relative;overflow:hidden}.retro-card::before{content:"";position:absolute;top:20px;right:20px;width:40px;height:40px;background:radial-gradient(circle at 20px 20px, #ffffff 3px, transparent 3px),radial-gradient(circle at 10px 30px, #ffffff 2px, transparent 2px),radial-gradient(circle at 30px 30px, #ffffff 2px, transparent 2px);background-size:20px 20px;opacity:.3;z-index:1;pointer-events:none}.retro-card::after{content:"";position:absolute;bottom:20px;left:20px;width:60px;height:60px;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;background:radial-gradient(circle at center, rgba(255, 255, 255, 0.2) 2px, transparent 2px),linear-gradient(45deg, transparent 45%, rgba(255, 255, 255, 0.2) 50%, transparent 55%);z-index:1;pointer-events:none}.retro-card h2{font-family:"Righteous",cursive;font-weight:400;color:#fff;font-size:1.5rem;letter-spacing:.02em;line-height:1.2;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;text-transform:uppercase}.retro-card p{font-family:"Space Mono",monospace;font-weight:400;color:#fff;font-size:.95rem;line-height:1.5;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.3);position:relative;z-index:2}.retro-card .tags{color:#fff;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,0,0,.2);padding:.5rem 1rem;border-radius:20px;border:2px solid #fff;display:inline-block;margin-bottom:1rem;position:relative;z-index:2;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.retro-card .view-btn{background:#fff;border:3px solid #d35400;color:#d35400;font-family:"Righteous",cursive;font-weight:400;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;padding:.875rem 2rem;border-radius:25px;transition:all .3s ease-out;position:relative;z-index:2;box-shadow:0 4px 0 #a04000}.retro-card .view-btn:hover{background:#d35400;color:#fff;transform:translateY(-2px);box-shadow:0 6px 0 #a04000}.retro-card .view-btn:active{transform:translateY(2px);box-shadow:0 2px 0 #a04000}.retro-card:hover{transform:translateY(-4px);box-shadow:0 12px 0 #d35400,0 16px 32px rgba(211,84,0,.4)}.retro-card:hover::before{opacity:.5;animation:atomic-pulse 2s ease-in-out infinite}.retro-card:focus-within{outline:3px solid #fff;outline-offset:3px}@keyframes atomic-pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.7}}@media(prefers-reduced-motion: reduce){.retro-card:hover::before{animation:none}}.skeuomorphism-card{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.1) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.08) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.05) 0%, transparent 30%),linear-gradient(135deg, #8b4513 0%, #654321 40%, #8b4513 100%);border:2px solid #654321;border-radius:16px;box-shadow:0 12px 24px rgba(0,0,0,.4),0 6px 12px rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.15),inset 0 -2px 0 rgba(0,0,0,.3),inset 3px 3px 6px hsla(0,0%,100%,.1),inset -3px -3px 6px rgba(0,0,0,.1);transition:all .4s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.skeuomorphism-card::before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px dashed rgba(139,69,19,.4);border-radius:12px;z-index:1;pointer-events:none}.skeuomorphism-card::after{content:"";position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px dotted rgba(101,67,33,.6);border-radius:8px;z-index:1;pointer-events:none}.skeuomorphism-card h2{font-family:"Crimson Text","Times New Roman",serif;font-weight:600;color:beige;font-size:1.5rem;letter-spacing:.02em;line-height:1.3;margin-bottom:.75rem;text-shadow:2px 2px 4px rgba(0,0,0,.8),1px 1px 2px rgba(0,0,0,.6);position:relative;z-index:2;text-transform:uppercase;font-variant:small-caps}.skeuomorphism-card p{font-family:"Open Sans",Arial,sans-serif;font-weight:400;color:beige;font-size:.95rem;line-height:1.6;margin-bottom:1.25rem;text-shadow:1px 1px 2px rgba(0,0,0,.7);position:relative;z-index:2;opacity:.95}.skeuomorphism-card .tags{background:repeating-linear-gradient(90deg, rgba(139, 69, 19, 0.1) 0px, rgba(139, 69, 19, 0.1) 2px, transparent 2px, transparent 8px),repeating-linear-gradient(0deg, rgba(160, 82, 45, 0.05) 0px, rgba(160, 82, 45, 0.05) 1px, transparent 1px, transparent 16px),radial-gradient(ellipse at 15% 20%, rgba(101, 67, 33, 0.2) 0%, transparent 25%),radial-gradient(ellipse at 85% 60%, rgba(139, 69, 19, 0.15) 0%, transparent 30%),linear-gradient(45deg, #cd853f 0%, #d2691e 25%, #deb887 50%, #d2691e 75%, #cd853f 100%);color:#2f1b14;font-family:"Open Sans",Arial,sans-serif;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.5rem 1rem;border-radius:6px;border:1px solid peru;box-shadow:0 4px 8px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2),inset 0 -1px 0 rgba(0,0,0,.3);display:inline-block;margin-bottom:1.25rem;position:relative;z-index:2;text-shadow:0 1px 2px hsla(0,0%,100%,.3)}.skeuomorphism-card .view-btn{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.08) 0px, rgba(255, 255, 255, 0.08) 1px, transparent 1px, transparent 2px),repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 2px),linear-gradient(180deg, #e8e8e8 0%, #b8b8b8 30%, #a9a9a9 70%, #999999 100%);border:2px solid #999;color:#2f1b14;font-family:"Open Sans",Arial,sans-serif;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;padding:.875rem 2rem;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.8),inset 0 -2px 0 rgba(0,0,0,.2),inset 2px 0 0 hsla(0,0%,100%,.3),inset -2px 0 0 rgba(0,0,0,.1);transition:all .25s cubic-bezier(0.4, 0, 0.2, 1);position:relative;z-index:2;text-shadow:0 1px 2px hsla(0,0%,100%,.8);cursor:pointer}.skeuomorphism-card .view-btn::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid hsla(0,0%,100%,.4);border-radius:6px;z-index:-1;pointer-events:none}.skeuomorphism-card .view-btn:hover{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.12) 0px, rgba(255, 255, 255, 0.12) 1px, transparent 1px, transparent 2px),repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0px, rgba(0, 0, 0, 0.02) 1px, transparent 1px, transparent 2px),linear-gradient(180deg, #f0f0f0 0%, #d0d0d0 30%, #b8b8b8 70%, #a9a9a9 100%);transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.5),0 6px 12px rgba(0,0,0,.3),inset 0 2px 0 hsla(0,0%,100%,.9),inset 0 -2px 0 rgba(0,0,0,.15),inset 2px 0 0 hsla(0,0%,100%,.4),inset -2px 0 0 rgba(0,0,0,.08)}.skeuomorphism-card .view-btn:active{background:repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.04) 0px, rgba(255, 255, 255, 0.04) 1px, transparent 1px, transparent 2px),repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.06) 0px, rgba(0, 0, 0, 0.06) 1px, transparent 1px, transparent 2px),linear-gradient(180deg, #a9a9a9 0%, #b8b8b8 30%, #d0d0d0 70%, #e8e8e8 100%);transform:translateY(2px);box-shadow:0 2px 4px rgba(0,0,0,.3),inset 0 4px 8px rgba(0,0,0,.4),inset 0 2px 4px rgba(0,0,0,.3),inset 2px 2px 6px rgba(0,0,0,.2),inset -1px -1px 2px hsla(0,0%,100%,.1)}.skeuomorphism-card .view-btn:focus{outline:2px solid #daa520;outline-offset:2px;box-shadow:0 8px 16px rgba(0,0,0,.4),0 4px 8px rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.8),inset 0 -2px 0 rgba(0,0,0,.2),0 0 0 4px rgba(218,165,32,.3)}.skeuomorphism-card:hover{background:repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.04) 0px, rgba(0, 0, 0, 0.04) 1px, transparent 1px, transparent 8px),repeating-linear-gradient(-45deg, rgba(0, 0, 0, 0.03) 0px, rgba(0, 0, 0, 0.03) 1px, transparent 1px, transparent 12px),radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, 0.15) 0%, transparent 40%),radial-gradient(ellipse at 80% 70%, rgba(139, 69, 19, 0.12) 0%, transparent 35%),radial-gradient(ellipse at 45% 80%, rgba(101, 67, 33, 0.08) 0%, transparent 30%),linear-gradient(135deg, #a0522d 0%, #8b4513 40%, #a0522d 100%);box-shadow:0 16px 32px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3),inset 0 3px 0 hsla(0,0%,100%,.2),inset 0 -3px 0 rgba(0,0,0,.4),inset 4px 4px 8px hsla(0,0%,100%,.15),inset -4px -4px 8px rgba(0,0,0,.15);transform:translateY(-4px) scale(1.02);filter:brightness(1.1) contrast(1.05)}.skeuomorphism-card:hover h2{color:#fffef8;text-shadow:2px 2px 6px rgba(0,0,0,.9),1px 1px 3px rgba(0,0,0,.7)}.skeuomorphism-card:hover p{color:#fffef8;opacity:1}.skeuomorphism-card:hover .tags{box-shadow:0 6px 12px rgba(0,0,0,.4),0 3px 6px rgba(0,0,0,.25),inset 0 2px 0 hsla(0,0%,100%,.3),inset 0 -2px 0 rgba(0,0,0,.2);filter:brightness(1.1)}.skeuomorphism-card:focus-within{outline:3px solid #daa520;outline-offset:3px;border-color:#daa520;box-shadow:0 12px 24px rgba(0,0,0,.4),0 6px 12px rgba(0,0,0,.2),inset 0 2px 0 hsla(0,0%,100%,.15),inset 0 -2px 0 rgba(0,0,0,.3),0 0 0 6px rgba(218,165,32,.2)}@media(prefers-reduced-motion: reduce){.skeuomorphism-card{transition:none}.skeuomorphism-card:hover{transform:none;filter:none}.skeuomorphism-card .view-btn{transition:none}.skeuomorphism-card .view-btn:hover,.skeuomorphism-card .view-btn:active{transform:none}}.steampunk-card{background:linear-gradient(145deg, #8b4513, #a0522d, #cd853f);border:3px solid #b8860b;border-radius:8px;box-shadow:inset 0 0 0 2px rgba(218,165,32,.3),0 6px 12px rgba(139,69,19,.4),0 2px 4px rgba(0,0,0,.3);position:relative;overflow:hidden;transition:all .3s ease-out}.steampunk-card::before{content:"";position:absolute;top:8px;left:8px;width:20px;height:20px;background:radial-gradient(circle at center, #daa520 30%, transparent 30%),conic-gradient(from 0deg, #b8860b, #daa520, #ffd700, #daa520, #b8860b);border-radius:50%;border:2px solid #8b4513;z-index:2}.steampunk-card::after{content:"";position:absolute;bottom:10px;right:10px;width:30px;height:30px;background:conic-gradient(from 0deg, #b8860b 0deg 45deg, #8b4513 45deg 90deg, #b8860b 90deg 135deg, #8b4513 135deg 180deg, #b8860b 180deg 225deg, #8b4513 225deg 270deg, #b8860b 270deg 315deg, #8b4513 315deg 360deg);border-radius:50%;border:2px solid #654321;z-index:2;opacity:.6}.steampunk-card h2{font-family:"Cinzel",serif;font-weight:700;color:gold;font-size:1.4rem;letter-spacing:.02em;line-height:1.3;margin:.5rem 0 .75rem 0;text-shadow:2px 2px 4px rgba(0,0,0,.6),0 0 8px rgba(255,215,0,.3);position:relative;z-index:3}.steampunk-card p{font-family:"Cormorant Garamond",serif;font-weight:400;color:#f4e4bc;font-size:.95rem;line-height:1.5;margin-bottom:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;z-index:3}.steampunk-card .tags{color:#daa520;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;background:rgba(139,69,19,.8);padding:.4rem .8rem;border-radius:4px;border:1px solid #b8860b;display:inline-block;margin-bottom:1rem;position:relative;z-index:3;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:inset 0 1px 0 rgba(218,165,32,.2)}.steampunk-card .view-btn{background:linear-gradient(145deg, #b8860b, #daa520, #ffd700);border:2px solid #8b4513;color:#654321;font-family:"Cinzel",serif;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;padding:.75rem 1.5rem;border-radius:6px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2),0 3px 6px rgba(0,0,0,.3);transition:all .3s ease-out;position:relative;z-index:3;text-shadow:0 1px 0 hsla(0,0%,100%,.3)}.steampunk-card .view-btn:hover{background:linear-gradient(145deg, #daa520, #ffd700, #ffff99);color:#8b4513;transform:translateY(-2px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),0 5px 10px rgba(0,0,0,.4)}.steampunk-card .view-btn:active{background:linear-gradient(145deg, #8b7355, #b8860b);color:gold;transform:translateY(0);box-shadow:inset 0 2px 4px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2)}.steampunk-card:hover{border-color:#daa520;box-shadow:inset 0 0 0 2px rgba(218,165,32,.5),0 8px 16px rgba(139,69,19,.5),0 4px 8px rgba(0,0,0,.4);transform:translateY(-3px)}.steampunk-card:hover::after{opacity:.8;animation:gear-spin 4s linear infinite}.steampunk-card:hover h2{color:#ff9;text-shadow:2px 2px 4px rgba(0,0,0,.7),0 0 12px rgba(255,215,0,.5)}.steampunk-card:focus-within{outline:3px solid gold;outline-offset:2px}@keyframes gear-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion: reduce){.steampunk-card:hover::after{animation:none}}.swiss-card{background:#fff;border:none;border-radius:0;box-shadow:none;border-left:4px solid #e74c3c;transition:all .2s ease-out;position:relative}.swiss-card h2{font-family:"Helvetica",Arial,sans-serif;font-weight:700;color:#2c3e50;font-size:1.4rem;letter-spacing:-0.02em;line-height:1.25;margin-bottom:.75rem;text-transform:none}.swiss-card p{font-family:"Helvetica",Arial,sans-serif;font-weight:400;color:#34495e;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.swiss-card .tags{color:#7f8c8d;font-weight:400;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;background:rgba(0,0,0,0);padding:0;border-radius:0;display:block;margin-bottom:1rem;position:relative}.swiss-card .tags::before{content:"";position:absolute;left:-2rem;top:.4rem;width:1rem;height:2px;background:#e74c3c}.swiss-card .view-btn{background:#e74c3c;border:none;color:#fff;font-family:"Helvetica",Arial,sans-serif;font-weight:600;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em;padding:.75rem 2rem;border-radius:0;transition:all .2s ease-out;position:relative}.swiss-card .view-btn:hover{background:#c0392b;transform:translateX(4px)}.swiss-card .view-btn:active{background:#a93226;transform:translateX(2px)}.swiss-card:hover{border-left-width:8px;transform:translateX(4px)}.swiss-card:hover h2{color:#1a252f}.swiss-card:hover .tags::before{width:1.5rem}.swiss-card:focus-within{outline:2px solid #e74c3c;outline-offset:2px}.typographic-card{background:#fcfcfc;border:1px solid #e8e8e8;border-radius:2px;box-shadow:0 1px 3px rgba(0,0,0,.06);transition:all .2s ease-out;position:relative}.typographic-card h2{font-family:"Playfair Display",serif;font-weight:700;color:#1a1a1a;font-size:1.6rem;letter-spacing:-0.03em;line-height:1.2;margin-bottom:1rem;text-transform:none;position:relative}.typographic-card h2::after{content:"";position:absolute;bottom:-0.5rem;left:0;width:3rem;height:2px;background:#d4af37}.typographic-card p{font-family:"Crimson Text",serif;font-weight:400;color:#333;font-size:1rem;line-height:1.7;margin:1.5rem 0;text-align:justify}.typographic-card .tags{color:#666;font-family:"Lato",sans-serif;font-weight:400;font-size:.8rem;text-transform:uppercase;letter-spacing:.15em;background:rgba(0,0,0,0);padding:0;border-radius:0;display:block;margin-bottom:1.5rem;position:relative;font-variant:small-caps}.typographic-card .view-btn{background:rgba(0,0,0,0);border:2px solid #1a1a1a;color:#1a1a1a;font-family:"Lato",sans-serif;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.1em;padding:.75rem 2rem;border-radius:0;transition:all .3s ease-out;position:relative;overflow:hidden}.typographic-card .view-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#1a1a1a;transition:left .3s ease-out;z-index:-1}.typographic-card .view-btn:hover{color:#fcfcfc}.typographic-card .view-btn:hover::before{left:0}.typographic-card .view-btn:active{transform:translateY(1px)}.typographic-card:hover{border-color:#d4af37;box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-1px)}.typographic-card:hover h2{color:#000}.typographic-card:hover h2::after{width:4rem;background:#b8941f}.typographic-card:focus-within{outline:2px solid #d4af37;outline-offset:2px;border-color:#d4af37}.watercolor-organic-card{background:linear-gradient(135deg, rgba(245, 245, 220, 0.9) 0%, rgba(230, 255, 230, 0.9) 25%, rgba(240, 248, 255, 0.9) 50%, rgba(255, 240, 245, 0.9) 75%, rgba(250, 250, 210, 0.9) 100%);background-size:400% 400%;animation:watercolor-flow 8s ease-in-out infinite;border:none;border-radius:20px 40px 30px 15px;box-shadow:0 8px 32px rgba(139,195,74,.15),0 4px 16px rgba(100,149,237,.1);position:relative;overflow:hidden;transition:all .5s ease-out}.watercolor-organic-card::before{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:radial-gradient(circle at 20% 30%, rgba(139, 195, 74, 0.1) 0%, transparent 50%),radial-gradient(circle at 80% 70%, rgba(100, 149, 237, 0.1) 0%, transparent 50%),radial-gradient(circle at 50% 90%, rgba(255, 182, 193, 0.1) 0%, transparent 50%);filter:blur(10px);z-index:1;pointer-events:none}.watercolor-organic-card::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 25% 25%, rgba(139, 195, 74, 0.05) 2px, transparent 2px),radial-gradient(circle at 75% 75%, rgba(100, 149, 237, 0.05) 1px, transparent 1px);background-size:30px 30px,20px 20px;border-radius:20px 40px 30px 15px;z-index:2;pointer-events:none}.watercolor-organic-card h2{font-family:"Dancing Script",cursive;font-weight:600;color:#2e7d32;font-size:1.6rem;letter-spacing:.01em;line-height:1.3;margin-bottom:.75rem;position:relative;z-index:3;text-shadow:0 2px 4px hsla(0,0%,100%,.8)}.watercolor-organic-card p{font-family:"Libre Baskerville",serif;font-weight:400;color:#4e7c59;font-size:.95rem;line-height:1.6;margin-bottom:1rem;position:relative;z-index:3;text-shadow:0 1px 2px hsla(0,0%,100%,.6)}.watercolor-organic-card .tags{color:#6a9b6f;font-family:"Libre Baskerville",serif;font-weight:400;font-size:.8rem;text-transform:none;letter-spacing:.02em;font-style:italic;background:hsla(0,0%,100%,.4);padding:.5rem 1rem;border-radius:15px 25px 20px 10px;border:1px solid rgba(139,195,74,.2);display:inline-block;margin-bottom:1rem;position:relative;z-index:3;backdrop-filter:blur(5px)}.watercolor-organic-card .view-btn{background:linear-gradient(135deg, rgba(139, 195, 74, 0.8), rgba(104, 159, 56, 0.8));border:2px solid hsla(0,0%,100%,.6);color:#fff;font-family:"Dancing Script",cursive;font-weight:600;text-transform:none;font-size:1.1rem;letter-spacing:.01em;padding:.75rem 2rem;border-radius:25px 15px 25px 15px;transition:all .4s ease-out;position:relative;z-index:3;text-shadow:0 2px 4px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.watercolor-organic-card .view-btn:hover{background:linear-gradient(135deg, rgba(104, 159, 56, 0.9), rgba(85, 139, 47, 0.9));border-color:hsla(0,0%,100%,.8);transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px rgba(139,195,74,.3)}.watercolor-organic-card .view-btn:active{transform:translateY(0) scale(1.02);box-shadow:0 3px 10px rgba(139,195,74,.3)}.watercolor-organic-card:hover{border-radius:25px 45px 35px 20px;box-shadow:0 12px 40px rgba(139,195,74,.2),0 6px 20px rgba(100,149,237,.15);transform:translateY(-4px) scale(1.02);animation-duration:4s}.watercolor-organic-card:hover::before{filter:blur(15px);opacity:1.5}.watercolor-organic-card:hover h2{color:#1b5e20;text-shadow:0 3px 6px hsla(0,0%,100%,.9)}.watercolor-organic-card:focus-within{outline:3px solid rgba(139,195,74,.6);outline-offset:3px}@keyframes watercolor-flow{0%{background-position:0% 50%}25%{background-position:100% 25%}50%{background-position:100% 75%}75%{background-position:0% 75%}100%{background-position:0% 50%}}@media(max-width: 768px){.watercolor-organic-card{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:auto;animation:none;background:linear-gradient(135deg, rgba(245, 245, 220, 0.9) 0%, rgba(230, 255, 230, 0.9) 50%, rgba(240, 248, 255, 0.9) 100%)}.watercolor-organic-card::before{filter:none;display:none}.watercolor-organic-card::after{opacity:.3}.watercolor-organic-card:hover{animation:none;transform:none}.watercolor-organic-card:hover::before{filter:none}}@media(prefers-reduced-motion: reduce){.watercolor-organic-card{animation:none}.watercolor-organic-card:hover{animation:none}}.web-1-0-card{background:#ccc;border:2px inset gray;border-radius:0;box-shadow:none;transition:all .1s linear;position:relative;font-family:"Times New Roman",serif}.web-1-0-card::before{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border:1px solid #fff;border-bottom-color:gray;border-right-color:gray;pointer-events:none}.web-1-0-card h2{font-family:"Times New Roman",serif;font-weight:bold;color:#039;font-size:1.4rem;letter-spacing:0;line-height:1.2;margin-bottom:.5rem;text-decoration:underline;text-transform:none}.web-1-0-card p{font-family:"Times New Roman",serif;font-weight:normal;color:#000;font-size:.9rem;line-height:1.4;margin-bottom:1rem}.web-1-0-card .tags{color:purple;font-weight:bold;font-size:.8rem;text-transform:none;letter-spacing:0;background:#ff0;padding:.25rem .5rem;border:1px solid #000;border-radius:0;display:inline-block;margin-bottom:1rem;font-family:"Arial",sans-serif}.web-1-0-card .view-btn{background:#f90;border:2px outset #f90;color:#000;font-family:"Arial",sans-serif;font-weight:bold;text-transform:none;font-size:.9rem;letter-spacing:0;padding:.5rem 1rem;border-radius:0;transition:all .1s linear;text-decoration:none;cursor:pointer}.web-1-0-card .view-btn:hover{background:#fa0;border-style:inset;color:#000}.web-1-0-card .view-btn:active{background:#e68900;border-style:inset}.web-1-0-card:hover{background:#d0d0d0;border-style:outset}.web-1-0-card:hover h2{color:#06c}.web-1-0-card:hover .tags{background:#ff6}.web-1-0-card:focus-within{outline:2px dotted #000;outline-offset:2px}.y2k-card{background:linear-gradient(135deg, #0d0d1f 0%, #1a1a40 50%, #000033 100%);border:1px solid rgba(0,128,255,.5);border-radius:8px;box-shadow:0 0 20px rgba(0,128,255,.3),0 0 40px rgba(128,64,255,.2),inset 0 1px 0 hsla(0,0%,100%,.1);position:relative;overflow:hidden;transition:all .3s ease-out}.y2k-card::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(0, 255, 255, 0.1), rgba(255, 0, 128, 0.1), transparent);animation:hologram-sweep 4s linear infinite;z-index:1;pointer-events:none}.y2k-card::after{content:"";position:absolute;top:10px;right:10px;width:30px;height:30px;background:linear-gradient(145deg, #c0c0c0, #ffffff, #a0a0a0);border-radius:50%;border:1px solid hsla(0,0%,100%,.3);z-index:2;opacity:.6}.y2k-card h2{font-family:"Orbitron",monospace;font-weight:700;color:aqua;font-size:1.4rem;letter-spacing:.05em;line-height:1.2;margin-bottom:.75rem;text-transform:uppercase;text-shadow:0 0 10px rgba(0,255,255,.8),0 0 20px rgba(0,255,255,.4),0 0 30px rgba(0,255,255,.2);position:relative;z-index:3}.y2k-card p{font-family:"Exo 2",sans-serif;font-weight:300;color:#e0e0ff;font-size:.95rem;line-height:1.5;margin-bottom:1rem;position:relative;z-index:3}.y2k-card .tags{color:#ff0080;font-family:"Exo 2",sans-serif;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;background:rgba(128,64,255,.2);padding:.4rem .8rem;border-radius:12px;border:1px solid rgba(255,0,128,.3);display:inline-block;margin-bottom:1rem;position:relative;z-index:3;backdrop-filter:blur(10px);text-shadow:0 0 8px rgba(255,0,128,.6)}.y2k-card .view-btn{background:linear-gradient(145deg, #8040ff, #0080ff, #00ffff);background-size:200% 200%;animation:chrome-shift 3s ease-in-out infinite;border:1px solid hsla(0,0%,100%,.3);color:#fff;font-family:"Orbitron",monospace;font-weight:600;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;padding:.75rem 1.5rem;border-radius:20px;box-shadow:0 4px 15px rgba(128,64,255,.4),inset 0 1px 0 hsla(0,0%,100%,.2);transition:all .3s ease-out;position:relative;z-index:3;text-shadow:0 0 10px hsla(0,0%,100%,.5)}.y2k-card .view-btn:hover{background:linear-gradient(145deg, #ff0080, #8040ff, #00ffff);animation-duration:1.5s;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,0,128,.5),0 0 30px rgba(128,64,255,.3),inset 0 1px 0 hsla(0,0%,100%,.3)}.y2k-card .view-btn:active{transform:translateY(0);box-shadow:0 2px 10px rgba(128,64,255,.4),inset 0 2px 4px rgba(0,0,0,.2)}.y2k-card:hover{border-color:rgba(255,0,128,.7);box-shadow:0 0 30px rgba(0,128,255,.4),0 0 50px rgba(128,64,255,.3),0 0 70px rgba(255,0,128,.2),inset 0 1px 0 hsla(0,0%,100%,.15);transform:translateY(-3px)}.y2k-card:hover::before{animation-duration:2s}.y2k-card:hover h2{color:#ff0080;text-shadow:0 0 15px rgba(255,0,128,.9),0 0 25px rgba(255,0,128,.5),0 0 35px rgba(255,0,128,.3)}.y2k-card:focus-within{outline:2px solid aqua;outline-offset:2px}@keyframes hologram-sweep{0%{left:-100%}100%{left:100%}}@keyframes chrome-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes chrome-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 768px){.y2k-card{-webkit-transform:translateZ(0);transform:translateZ(0);will-change:auto}.y2k-card::before{animation:none;display:none}.y2k-card .view-btn{animation:none;background:linear-gradient(145deg, #8040ff, #0080ff)}.y2k-card .view-btn:hover{animation:none}.y2k-card:hover::before{animation:none}}@media(prefers-reduced-motion: reduce){.y2k-card::before{animation:none}.y2k-card .view-btn{animation:none}.y2k-card .view-btn:hover{animation:none}.y2k-card:hover::before{animation:none}.y2k-card:hover::after{animation:none}}.style-card:focus-within{z-index:10}.style-card *[style*="opacity: 0"]{opacity:.7 !important}@media(prefers-contrast: high){.style-card{border-width:2px !important}.style-card .view-btn{border-width:2px !important;font-weight:700 !important}}@media(max-width: 768px){.maximalism-card,.anti-design-card,.watercolor-organic-card,.y2k-card{animation:none !important}.maximalism-card::before,.maximalism-card::after,.anti-design-card::before,.anti-design-card::after,.watercolor-organic-card::before,.watercolor-organic-card::after,.y2k-card::before,.y2k-card::after{display:none}.steampunk-card::after{display:none}.glassmorphism-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}}/*# sourceMappingURL=cards.css.map */