.main-container{min-height:100vh;padding:2rem;max-width:1400px;margin:0 auto;position:relative;background:transparent;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-y:auto;overflow-x:hidden}.nav-header{position:absolute;top:1rem;left:2rem;right:2rem;z-index:1000}.nav-links{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.1);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.75rem 1rem;box-shadow:0 8px 25px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.1);width:fit-content;margin:0 auto}.nav-link{color:rgba(255,255,255,.9);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;padding:.4rem .8rem;border-radius:8px;background:rgba(255,255,255,.05)}.nav-link:hover{color:white;background:rgba(255,255,255,.15);transform:translateY(-1px)}.nav-separator{color:rgba(255,255,255,.4);font-weight:300}.header{text-align:center;width:50vw;margin:0 auto 2rem;padding:1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,.05);backdrop-filter:blur(15px);border-radius:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 1px 1px rgba(255,255,255,.1)}.title{font-size:2.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#a8b8d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;text-shadow:0 2px 10px rgba(255,255,255,.3)}.subtitle{font-size:1.4rem;color:#cbd5e1;max-width:600px;margin:0 auto;opacity:.9}.links-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:3rem;padding:0 1rem}.card-full-image{width:100%;height:auto;display:block;object-fit:cover}.model-container{display:flex;flex-direction:column;gap:.75rem}.model-title{font-size:1rem;color:#e2e8f0;text-align:center;line-height:1.4}@media (hover:none){.link-card:hover{transform:none;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04)}}@media (max-width:768px){.model-title{font-size:.95rem}.link-card{height:160px}}@media (max-width:480px){.model-title{font-size:.9rem}}.link-card{background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08),0 1px 3px rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;border:none;width:100%}.link-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.12),0 4px 8px rgba(0,0,0,.06)}.card-thumbnail{width:100%;height:200px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-thumbnail-iframe{width:100%;height:200px;border:none;border-radius:16px 16px 0 0;background:white;transform:scale(.8);transform-origin:top left;pointer-events:none;object-fit:cover}.card-thumbnail:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,rgba(59,130,246,.1),rgba(147,51,234,.1));opacity:0;transition:opacity .3s ease}.link-card:hover .card-thumbnail:before{opacity:1}.card-thumbnail-icon{font-size:3rem;color:#cbd5e1;opacity:.6;transition:all .3s ease}.link-card:hover .card-thumbnail-icon{transform:scale(1.1);opacity:.8}.link-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,rgba(255,255,255,.1));opacity:0;transition:opacity .3s ease}.link-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.4),inset 0 2px 2px rgba(255,255,255,.15)}.link-card:hover:before{opacity:1}.card-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.link-title{font-size:1.25rem;font-weight:600;color:#1e293b;line-height:1.4;margin-bottom:1rem;text-align:left;letter-spacing:-.025em}.card-actions{display:flex;gap:.75rem;margin-top:auto;padding-top:1rem}.link-button{display:inline-block;padding:.75rem 1.25rem;text-decoration:none;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer;flex:1;text-align:center;letter-spacing:.01em}.website-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.website-modal{background:rgba(30,41,59,.95);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5);width:90vw;height:90vh;max-width:1200px;max-height:800px;display:flex;flex-direction:column;overflow:hidden;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h3{color:white;margin:0;font-size:1.2rem;font-weight:600}.modal-close{background:none;border:none;color:rgba(255,255,255,.7);font-size:2rem;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease}.modal-close:hover{color:white;background:rgba(255,255,255,.1)}.modal-content{flex:1;overflow:hidden;padding:1rem}.website-iframe{width:100%;height:100%;border:none;border-radius:8px;background:white}.modal-footer{padding:1rem 1.5rem;background:rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);text-align:center}.open-external-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:white;text-decoration:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;transition:all .3s ease;display:inline-block}.open-external-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.4)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.link-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1) 50%,rgba(255,255,255,.2));opacity:0;transition:opacity .3s ease}.link-button:hover:before{opacity:1}.app-link{background:#3b82f6;color:white;box-shadow:0 1px 3px rgba(0,0,0,.1)}.app-link:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.view-source-link{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(0,0,0,.05)}.view-source-link:hover{background:#f1f5f9;color:#334155;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.link-card.shine{position:relative;overflow:hidden}.link-card.shine:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),rgba(255,255,255,.2),rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s infinite}.website-preview{margin-top:1rem;width:100%;height:200px;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);backdrop-filter:blur(10px)}.preview-iframe{width:100%;height:100%;border:none;border-radius:12px;background:white;transform:scale(.8);transform-origin:top left;pointer-events:none}@media (max-width:768px){.header,.main-container{padding:1rem}.header{width:50vw;margin-bottom:2rem}.title{font-size:2.25rem}.subtitle{font-size:1.1rem}.links-grid{grid-template-columns:1fr;gap:2rem;padding:0 .5rem}.card-thumbnail{height:160px}.card-thumbnail-iframe{height:160px;transform:scale(.7)}.card-content{padding:1.25rem}.link-title{font-size:1.125rem}.card-actions{flex-direction:column;gap:.75rem}.link-button{width:100%;padding:.875rem 1rem;font-size:.875rem}.website-preview{height:150px}}@media (max-width:480px){.main-container{padding:1rem}.links-grid{gap:1.5rem}.card-thumbnail{height:140px}.card-thumbnail-iframe{height:140px;transform:scale(.6)}.card-content{padding:1rem}.header{width:50vw;padding:.75rem;margin-bottom:1.5rem}.title{font-size:1.75rem}.subtitle{font-size:1rem}.link-card{min-height:auto}.link-title{font-size:1.2rem}.website-display-overlay{padding:1rem}.website-display{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0}.website-display-header{padding:.75rem 1rem}.website-display-header h3{font-size:1rem}.close-website-btn{width:28px;height:28px;font-size:1rem}}.website-display-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:2rem;animation:fadeIn .3s ease}.website-display{background:white;border-radius:16px;width:95vw;height:95vh;max-width:1400px;max-height:900px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);animation:slideIn .3s ease}.website-display-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0}.website-display-header h3{margin:0;color:#1e293b;font-size:1.25rem;font-weight:600}.close-website-btn{background:#e2e8f0;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:#64748b;transition:all .2s ease}.close-website-btn:hover{background:#cbd5e1;color:#475569;transform:scale(1.1)}.website-iframe-full{flex:1;width:100%;border:none;background:white}.meta-thumb{position:relative;width:100%;height:200px;background:transparent;background-image:none;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:12px;box-shadow:0 10px 24px rgba(255,255,255,.18),0 2px 8px rgba(255,255,255,.12)}.meta-thumb-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;border-radius:inherit}.meta-thumb-fallback{color:#e7e7ea;text-align:center;padding:16px;max-width:90%}.meta-thumb-favicon{width:28px;height:28px;border-radius:4px;margin-bottom:8px}.meta-thumb-title{font-size:16px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.meta-thumb-domain{font-size:13px;opacity:.85;margin-top:4px}@media (max-width:1024px){.meta-thumb{height:180px}.link-card{width:100%}}@media (max-width:640px){.meta-thumb{height:160px}.link-card{width:100%}}.meta-preview-img{width:100%;height:auto;display:block}.card-actions{margin-top:8px}.open-preview-btn{background:#0ea5e9;color:white;border:none;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.open-preview-btn:hover{background:#0284c7}.card-actions,.meta-thumb-domain,.meta-thumb-title,.open-preview-btn{display:none!important}.thumb-link{display:block;text-decoration:none}.title-link{color:inherit;text-decoration:none}.title-link:hover{color:#ffffff}