*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{background:#0c0c0c;color:#e8e8e8;font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}.container{max-width:1100px;margin:0 auto;padding:4rem 2rem 3rem}header{text-align:center;margin-bottom:4rem}h1{font-family:Cinzel,serif;font-weight:900;font-size:clamp(2rem,5vw,3.5rem);letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:.3rem}.subtitle{font-size:.85rem;letter-spacing:.3em;text-transform:uppercase;color:#666;margin-bottom:1.5rem}.desc{max-width:500px;margin:0 auto;color:#888;font-size:.95rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}a{color:inherit;text-decoration:none}.card{border:1px solid rgba(255,255,255,.08);background:#ffffff08;overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);border-color:#fff3;box-shadow:0 20px 60px #0006}.card-preview{height:180px;position:relative;overflow:hidden}.card-1 .card-preview{background:linear-gradient(135deg,#0a0e1a,#1a1040)}.preview-stars{position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 60% 20%,rgba(255,255,255,.6),transparent),radial-gradient(1.5px 1.5px at 80% 60%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 40% 70%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.4),transparent),radial-gradient(1.5px 1.5px at 90% 40%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 30% 10%,rgba(255,255,255,.3),transparent)}.preview-moon{position:absolute;top:20%;left:50%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(123,104,238,.2) 0%,rgba(212,160,23,.1) 40%,transparent 70%);transform:translate(-50%)}.card-2 .card-preview{background:#111;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 11px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.03) 10px,rgba(255,255,255,.03) 11px)}.preview-forge{position:absolute;bottom:0;left:50%;width:160px;height:80px;transform:translate(-50%);background:radial-gradient(ellipse at bottom,rgba(232,93,38,.3) 0%,transparent 70%)}.preview-sparks{position:absolute;top:30%;left:50%;width:4px;height:4px;border-radius:50%;background:#e85d26;box-shadow:-30px -20px #e85d26cc,20px -35px #f0a03099,-10px -45px #e85d2666,35px -15px #f0a030b3,-40px -40px #e85d264d}.card-3 .card-preview{background:#fff}.preview-gradient{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.preview-gradient:after{content:"W";font-family:Cinzel,serif;font-weight:900;font-size:8rem;background:linear-gradient(90deg,silver,#00c853,gold,silver);background-size:300% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradShift 4s linear infinite}@keyframes gradShift{0%{background-position:0% 50%}to{background-position:300% 50%}}.card-4 .card-preview{background:#f5f0e3}.preview-parchment{position:absolute;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.preview-flourish{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border:2px solid rgba(122,27,46,.3);border-radius:50%}.preview-flourish:before{content:"N";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:2rem;font-weight:900;color:#7a1b2e}.card-5 .card-preview{background:#0f1a12}.preview-aurora{position:absolute;inset:0;background:radial-gradient(ellipse 80% 50% at 30% 20%,rgba(0,230,118,.2) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 70% 40%,rgba(0,191,165,.15) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 60%,rgba(179,136,255,.12) 0%,transparent 50%),radial-gradient(ellipse 40% 25% at 20% 70%,rgba(255,213,79,.1) 0%,transparent 50%);animation:auroraPulse 6s ease-in-out infinite alternate}@keyframes auroraPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.05)}}.card-info{padding:1.5rem 1.8rem 1.8rem;flex:1;display:flex;flex-direction:column}.card-num{font-size:.7rem;letter-spacing:.2em;color:#555;margin-bottom:.4rem}.card-info h2{font-family:Cinzel,serif;font-size:1.3rem;font-weight:700;letter-spacing:.03em;margin-bottom:.6rem;color:#fff}.card-info p{font-size:.85rem;color:#888;line-height:1.6;margin-bottom:1rem;flex:1}.card-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .6rem;border:1px solid rgba(255,255,255,.12);color:#777}.card-1:hover{border-color:#7b68ee66}.card-2:hover{border-color:#e85d2666}.card-3:hover{border-color:#00c85366}.card-4:hover{border-color:#7a1b2e66}.card-5:hover{border-color:#00e67666}.card-1:hover h2{color:#b388ff}.card-2:hover h2{color:#e85d26}.card-3:hover h2{color:#00c853}.card-4:hover h2{color:#7a1b2e}.card-5:hover h2{color:#00e676}.card-6:hover h2{color:#a78bfa}.card-7:hover h2{color:#d4a017}.card-8:hover h2{color:#4fc3f7}.card-9:hover h2{color:#81d4fa}.card-10:hover h2{color:#ff6b6b}.card-6:hover{border-color:#8b5cf666}.card-7:hover{border-color:#d4a01766}.card-8:hover{border-color:#4fc3f766}.card-9:hover{border-color:#81d4fa66}.card-10:hover{border-color:#ff6b6b66}.card-11:hover{border-color:#d4a01780}.card-11:hover h2{color:#d4a017}.section-break{grid-column:1 / -1;display:flex;align-items:center;gap:1.5rem;padding:2rem 0 1rem}.break-line{flex:1;height:1px;background:#ffffff1a}.break-label{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:#d4a017;white-space:nowrap}.card-6 .card-preview{background:#0a0a12}.preview-palantir{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,rgba(139,92,246,.1) 40%,transparent 70%);box-shadow:0 0 40px #8b5cf633,0 0 80px #8b5cf61a}.preview-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:130px;height:130px;border-radius:50%;border:1px solid rgba(139,92,246,.15);box-shadow:inset 0 0 20px #8b5cf60d}.preview-rings:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;border:1px solid rgba(212,160,23,.1)}.card-7 .card-preview{background:#0a0e1a}.preview-split-dark{position:absolute;inset:0;clip-path:polygon(0 0,60% 0,40% 100%,0 100%);background:linear-gradient(180deg,#0a0e1a,#1a1040)}.preview-split-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(1px 1px at 20% 30%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 40% 60%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 15% 70%,rgba(255,255,255,.5),transparent)}.preview-split-light{position:absolute;inset:0;clip-path:polygon(60% 0,100% 0,100% 100%,40% 100%);background:#f5f0e3}.preview-seam{position:absolute;top:0;bottom:0;left:40%;width:60%;background:linear-gradient(to bottom right,transparent 49%,rgba(212,160,23,.4) 49.5%,rgba(212,160,23,.4) 50.5%,transparent 51%);pointer-events:none}.card-8 .card-preview{background:#0c0c14}.preview-circuit{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,rgba(212,160,23,.12) 49.5%,rgba(212,160,23,.12) 50.5%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,rgba(176,196,222,.08) 49.5%,rgba(176,196,222,.08) 50.5%,transparent 50.5%);background-size:40px 40px}.preview-circuit:before{content:"";position:absolute;top:30%;left:20%;width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.4),rgba(176,196,222,.3),transparent)}.preview-pulse{position:absolute;top:30%;left:35%;width:6px;height:6px;border-radius:50%;background:#d4a017;box-shadow:0 0 8px #d4a01799;animation:circuitPulse 3s ease-in-out infinite}@keyframes circuitPulse{0%,to{left:20%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:80%;opacity:0}}.card-9 .card-preview{background:linear-gradient(180deg,#080c18,#1a120a,#0f0a2a 66%,#0a1a0e)}.preview-realms{position:absolute;inset:0;background:radial-gradient(ellipse 40% 30% at 25% 20%,rgba(79,195,247,.15) 0%,transparent 50%),radial-gradient(ellipse 35% 25% at 50% 45%,rgba(212,160,23,.12) 0%,transparent 50%),radial-gradient(ellipse 30% 20% at 75% 70%,rgba(123,104,238,.12) 0%,transparent 50%),radial-gradient(ellipse 40% 25% at 30% 90%,rgba(0,230,118,.1) 0%,transparent 50%)}.card-10 .card-preview{background:#0d1117}.preview-blueprint{position:absolute;inset:0;background-image:linear-gradient(rgba(79,195,247,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,195,247,.08) 1px,transparent 1px);background-size:30px 30px}.preview-blueprint:before{content:"W";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:Cinzel,serif;font-size:4rem;font-weight:900;color:transparent;-webkit-text-stroke:1px rgba(79,195,247,.3)}.preview-compass{position:absolute;bottom:15px;right:15px;width:30px;height:30px;border:1px solid rgba(79,195,247,.2);border-radius:50%}.preview-compass:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;height:20px;background:linear-gradient(#ff6b6b66,#4fc3f74d)}.card-11 .card-preview{background:#0c0c14;overflow:hidden}.preview-silmaril-dark{position:absolute;inset:0;clip-path:polygon(0 0,55% 0,35% 100%,0 100%);background:linear-gradient(135deg,#0c0c14,#12121e)}.preview-silmaril-light{position:absolute;inset:0;clip-path:polygon(55% 0,100% 0,100% 100%,35% 100%);background:#f5f0e3}.preview-silmaril-seam{position:absolute;inset:0;background:linear-gradient(to bottom right,transparent 44%,rgba(212,160,23,.5) 44.5%,rgba(212,160,23,.5) 45.5%,transparent 46%);pointer-events:none}.preview-silmaril-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(79,195,247,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(79,195,247,.06) 1px,transparent 1px);background-size:20px 20px;pointer-events:none}.break-label-final{color:#d4a017;text-shadow:0 0 20px rgba(212,160,23,.3)}footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.06)}.back-link{font-size:.85rem;color:#555;transition:color .2s}.back-link:hover{color:#fff}@media (max-width: 640px){.grid{grid-template-columns:1fr}.container{padding:2rem 1rem}}