@import "https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&family=Orbitron:wght@600;700&display=swap";
:root{--bg-dark:#0c0c0c;--bg-card:#121212;--text-white:#fff;--text-gray:#7a7a7a;--border-card:#ffffff0d;--accent-surface:#1a1a1a;--accent-hover:#232323}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-white);background-image:linear-gradient(#ffffff02 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-size:32px 32px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;font-family:Roboto Condensed,sans-serif;display:flex;overflow-x:hidden}a{color:inherit;text-decoration:none}.main-container{background-color:#0000;justify-content:center;width:100%;min-height:100vh;padding:60px 20px;display:flex}.content-wrapper{flex-direction:column;align-items:center;width:100%;max-width:620px;display:flex}.links-container{flex-direction:column;gap:28px;width:100%;display:flex}.section-card{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-card);width:100%;box-shadow:none;background-image:linear-gradient(145deg,#ffffff03 0%,#0000 100%);border-radius:14px;flex-direction:column;gap:32px;padding:40px 30px;display:flex;position:relative}.section-group{flex-direction:column;gap:16px;width:100%;display:flex}.section-group:not(:last-child){border-bottom:1px solid #ffffff08;padding-bottom:24px}.section-header-title{letter-spacing:4.5px;text-align:center;color:var(--text-gray);text-transform:uppercase;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:.6rem}.section-list{flex-direction:column;gap:12px;width:100%;display:flex}.header{text-align:center;border-bottom:1px solid #ffffff08;flex-direction:column;align-items:center;width:100%;padding-bottom:6px;display:flex;position:relative}.logo-container{margin-bottom:16px}.logo-wrapper{background:var(--accent-surface);border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:88px;height:88px;display:flex;overflow:hidden}.logo-image{object-fit:cover;filter:grayscale(30%);width:100%;height:100%}.profile-title{letter-spacing:1.5px;margin-bottom:6px;font-family:Orbitron,sans-serif;font-size:1.3rem;font-weight:700}.profile-subtitle{color:var(--text-gray);font-size:.85rem;font-weight:400;line-height:1.4}.link-card{background:var(--accent-surface);text-align:left;width:100%;box-shadow:none;background-image:linear-gradient(90deg,#ffffff02 0%,#0000 100%);border:1px solid #ffffff0f;border-radius:10px;justify-content:flex-start;align-items:center;padding:14px 18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.link-card:before{content:"";z-index:10;pointer-events:none;background:linear-gradient(120deg,#0000 0%,#ffffff01 40%,#ffffff14 50%,#ffffff01 60%,#0000 100%);width:150%;height:100%;position:absolute;top:0;left:-150%}.link-card:hover:before{transition:left .6s cubic-bezier(.16,1,.3,1);left:150%}.link-card:hover{background:var(--accent-hover);box-shadow:none;border-color:#fff3;transform:translateY(-1px)}.link-content{z-index:2;flex:1;align-items:center;gap:16px;display:flex;overflow:hidden}.link-card-title{color:var(--text-white);letter-spacing:1px;text-transform:uppercase;white-space:pre-line;margin-left:12px;font-family:Orbitron,sans-serif;font-size:.72rem;font-weight:700;line-height:1.4;transition:color .3s}.link-card:hover .link-card-title{color:var(--text-white)}.link-icon-container{width:34px;height:34px;color:var(--text-white);background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.link-card:hover .link-icon-container{color:var(--text-white);background:#ffffff14;border-color:#ffffff26}.link-icon-container svg{width:16px;height:16px}.footer{flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:28px;padding-bottom:20px;display:flex}.legal-info{color:var(--text-gray);text-align:center;opacity:.75;flex-wrap:wrap;justify-content:center;gap:6px;max-width:480px;font-size:.68rem;line-height:1.5;display:flex}@media screen and (max-width:480px){.main-container{padding:20px 10px}.section-card{border-radius:12px;gap:20px;padding:22px 14px}.link-card{padding:12px 14px}.profile-title{letter-spacing:1px;font-size:1.15rem}.profile-subtitle{font-size:.8rem}.link-card-title{letter-spacing:.8px;font-size:.68rem}.section-header-title{letter-spacing:3.5px;font-size:.55rem}.legal-info{font-size:.65rem}}
