.links-page{min-height:100vh;background:var(--color-dark);display:flex;flex-direction:column;align-items:center;padding:3.5rem 1.25rem 2rem;position:relative;overflow:hidden}.links-page:before{content:"";position:absolute;top:-220px;left:50%;transform:translate(-50%);width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(220,53,69,.14) 0%,transparent 65%);pointer-events:none;animation:ambientPulse 8s ease-in-out infinite}.links-page:after{content:"";position:absolute;bottom:-300px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(220,53,69,.07) 0%,transparent 70%);pointer-events:none}@keyframes ambientPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.65;transform:translate(-50%) scale(1.06)}}.links-lang-toggle{position:absolute;top:1.25rem;right:1.25rem;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-lg);background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#fff9;font-family:var(--font-heading);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-decoration:none;transition:all var(--transition)}.links-lang-toggle:hover{background:#ffffff1f;color:var(--color-white);border-color:#dc354566}.links-header{text-align:center;margin-bottom:2rem;width:100%;max-width:480px;opacity:0;animation:fadeInUp .6s var(--ease-out) .1s forwards}.avatar-wrap{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;border:3px solid rgba(220,53,69,.5);box-shadow:0 0 0 5px #dc35451a,0 0 40px #dc354533;transition:box-shadow var(--transition)}.avatar-wrap:hover{box-shadow:0 0 0 5px #dc354526,0 0 60px #dc35454d}.avatar{width:100%;height:100%;object-fit:cover;object-position:center top}.brand-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-white);letter-spacing:-.02em;margin-bottom:.2rem}.owner-name{font-size:.875rem;color:#ffffff80;margin-bottom:.75rem}.links-avail-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:var(--radius-pill);background:#22c55e14;border:1px solid rgba(34,197,94,.2);font-size:.75rem;font-weight:600;color:#4ade80;margin-bottom:.85rem}.avail-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;animation:pulse-dot 2s ease-in-out infinite}.tagline{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.tag-pill{font-size:.75rem;font-weight:600;color:#ffffffa6;background:#ffffff0f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);padding:.22rem .65rem;border-radius:var(--radius-pill)}.tag-sep{color:#fff3;font-size:.75rem}.links-section{width:100%;max-width:480px;display:flex;flex-direction:column;gap:.65rem;margin-bottom:2.5rem}.link-card{display:flex;align-items:center;gap:1rem;padding:.95rem 1.15rem;background:#ffffff0a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);text-decoration:none;color:var(--color-white);transition:all var(--transition);opacity:0;animation:fadeInUp .5s var(--ease-out) forwards;animation-delay:calc(.15s + var(--i, 0) * .07s)}.link-card:hover{background:#ffffff14;border-color:#dc354580;transform:translateY(-2px);box-shadow:0 8px 32px #dc35451f}.link-icon-wrap{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-lg);background:#dc35451a;color:var(--color-accent);flex-shrink:0;transition:all var(--transition)}.link-icon-wrap--facebook{background:#1877f21f;color:#4599ff}.link-icon-wrap--linkedin{background:#0a66c21f;color:#5cb3ff}.link-icon-wrap--laravel{background:#ff2d201f;color:#ff6b6b}.link-card:hover .link-icon-wrap{transform:scale(1.08)}.link-card:hover .link-icon-wrap--facebook{background:#1877f233}.link-card:hover .link-icon-wrap--linkedin{background:#0a66c233}.link-card:hover .link-icon-wrap--laravel{background:#ff2d2033}.link-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.link-label{font-size:.925rem;font-weight:700;color:var(--color-white);display:flex;align-items:center;gap:.4rem}.link-sub{font-size:.78rem;color:#fff6}.link-arrow{color:#fff3;flex-shrink:0;transition:color var(--transition),transform var(--transition)}.link-card:hover .link-arrow{color:var(--color-accent);transform:translate(3px)}.inline-badge{font-size:.6rem;font-weight:700;padding:.12rem .4rem;border-radius:var(--radius-sm);vertical-align:middle;text-transform:uppercase;letter-spacing:.04em}.badge-laravel{background:#ff2d2033;color:#ff6b6b;border:1px solid rgba(255,45,32,.25)}.badge-wordpress{background:#21759b33;color:#7ec8e3;border:1px solid rgba(33,117,155,.25)}.portfolio-section{width:100%;max-width:480px;margin-bottom:2.5rem}.section-heading{display:flex;align-items:center;gap:.75rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ffffff59;margin-bottom:1rem}.heading-line{flex:1;height:1px;background:linear-gradient(90deg,#ffffff14,#dc354526,#ffffff14)}.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:420px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-card{position:relative;display:flex;flex-direction:column;gap:.4rem;padding:1.15rem;background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);text-decoration:none;overflow:hidden;transition:all var(--transition);opacity:0;animation:fadeInUp .5s var(--ease-out) forwards;animation-delay:calc(.15s + var(--i, 0) * .07s)}.portfolio-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),#f87171);opacity:0;transition:opacity var(--transition)}.portfolio-card:hover:before{opacity:1}.portfolio-card:hover{background:#ffffff12;border-color:#dc354559;transform:translateY(-3px);box-shadow:0 8px 24px #0000004d}.portfolio-card-top{display:flex;justify-content:space-between;align-items:center}.tech-badge{font-size:.6rem;font-weight:700;padding:.12rem .4rem;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em}.portfolio-arrow{color:#ffffff40;transition:color var(--transition),transform var(--transition)}.portfolio-card:hover .portfolio-arrow{color:var(--color-accent);transform:translate(2px,-2px)}.portfolio-title{font-family:var(--font-heading);font-size:.875rem;font-weight:700;color:var(--color-white);line-height:1.3}.portfolio-desc{font-size:.75rem;color:#fff6;line-height:1.5}.portfolio-url{font-size:.7rem;color:var(--color-accent);margin-top:auto;opacity:.8;transition:opacity var(--transition)}.portfolio-card:hover .portfolio-url{opacity:1}.links-footer{margin-top:auto;padding-top:1.5rem;font-size:.78rem;color:#ffffff40;text-align:center}.links-footer p{display:flex;align-items:center;justify-content:center;gap:.3em;flex-wrap:wrap}.footer-link{color:#ffffff73;text-decoration:none;transition:color var(--transition)}.footer-link:hover{color:var(--color-white)}.footer-coffee{color:#ffffff59}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{opacity:0;animation:fadeInUp .6s var(--ease-out) .05s forwards}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}@media(max-width:360px){.links-page{padding:3rem 1rem 1.5rem}.link-card{padding:.85rem 1rem;gap:.75rem}.link-icon-wrap{width:38px;height:38px}.brand-name{font-size:1.35rem}}