.timeline-line{width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.classic .timeline-line{background:var(--accent-classic)}.future .timeline-line{background:linear-gradient(90deg, var(--accent-future) 0%, var(--neon-purple) 25%, var(--accent-future) 50%, var(--neon-purple) 75%, var(--accent-future) 100%);background-size:200% 100%;animation:3s linear infinite lineGlow}@keyframes lineGlow{0%{background-position:0%}to{background-position:200%}}.timeline-dot{background:var(--accent-classic);z-index:2;border-radius:50%;width:12px;height:12px;position:absolute;left:50%;transform:translate(-50%)}.future .timeline-dot{background:var(--accent-future);transform-origin:50%;animation:2s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{box-shadow:0 0 10px var(--accent-future), 0 0 20px var(--neon-purple)}50%{box-shadow:0 0 20px var(--accent-future), 0 0 40px var(--neon-purple)}}.future .relative.mb-12:nth-child(2){animation:8s ease-in-out infinite floatItem1}.future .relative.mb-12:nth-child(3){animation:10s ease-in-out infinite floatItem2}.future .relative.mb-12:nth-child(4){animation:12s ease-in-out infinite floatItem3}.future .relative:nth-child(5){animation:9s ease-in-out infinite floatItem4}@keyframes floatItem1{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-15px)translate(10px)}50%{transform:translateY(-8px)translate(-5px)}75%{transform:translateY(-20px)translate(8px)}}@keyframes floatItem2{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-12px)translate(-8px)}50%{transform:translateY(-18px)translate(12px)}75%{transform:translateY(-5px)translate(-10px)}}@keyframes floatItem3{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-10px)translate(15px)}50%{transform:translateY(-22px)translate(-8px)}75%{transform:translateY(-12px)translate(10px)}}@keyframes floatItem4{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-18px)translate(-12px)}50%{transform:translateY(-10px)translate(15px)}75%{transform:translateY(-15px)translate(-5px)}}.section{display:none}.section.active{display:block}.profile-tabs{border-bottom:1px solid;gap:1rem;margin-bottom:2rem;display:flex}.classic .profile-tabs{border-color:var(--accent-classic)}.future .profile-tabs{border-color:var(--accent-future)}.profile-tab{cursor:pointer;color:inherit;opacity:.5;background:0 0;border:none;border-bottom:2px solid #0000;padding:.75rem 1.5rem;transition:all .3s}.profile-tab.active{opacity:1}.classic .profile-tab.active{border-bottom-color:var(--text-classic)}.future .profile-tab.active{border-bottom-color:var(--accent-future)}.profile-card{border-radius:1rem;margin-bottom:2rem;padding:2rem}.classic .profile-card{border:1px solid var(--accent-classic);background:#e8e3d508}.future .profile-card{border:1px solid var(--accent-future);background:#00f5ff0d}.avatar-upload{cursor:pointer;border-radius:50%;width:120px;height:120px;margin:0 auto 2rem;position:relative;overflow:hidden}.classic .avatar-upload{border:2px solid var(--accent-classic)}.future .avatar-upload{border:2px solid var(--accent-future)}.avatar-upload img{object-fit:cover;width:100%;height:100%}.avatar-upload:hover:after{content:"Change";background:#000000b3;justify-content:center;align-items:center;font-size:.875rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.form-group{margin-bottom:1.5rem}.form-label{opacity:.8;margin-bottom:.5rem;font-weight:500;display:block}.form-control{width:100%;color:inherit;background:0 0;border:1px solid;border-radius:.5rem;padding:.75rem;transition:all .3s}.classic .form-control{border-color:var(--accent-classic)}.classic .form-control:focus{border-color:var(--text-classic);background:#e8e3d50d;outline:none}.future .form-control{border-color:var(--accent-future)}.future .form-control:focus{border-color:var(--neon-purple);outline:none;box-shadow:0 0 15px #bf00ff4d}.artwork-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.artwork-card{cursor:pointer;border-radius:.75rem;transition:all .3s;overflow:hidden}.classic .artwork-card{border:1px solid var(--accent-classic);background:#e8e3d508}.classic .artwork-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #a9ddd34d}.future .artwork-card{border:1px solid var(--accent-future);background:#00f5ff0d}.future .artwork-card:hover{transform:translateY(-8px);box-shadow:0 0 20px #00f5ff80}.artwork-image{aspect-ratio:1;object-fit:cover;width:100%}.artwork-info{padding:1rem}.upload-area{text-align:center;cursor:pointer;border:2px dashed;border-radius:1rem;padding:3rem;transition:all .3s}.classic .upload-area{border-color:var(--accent-classic);background:#e8e3d508}.classic .upload-area:hover{border-color:var(--text-classic);background:#e8e3d514}.future .upload-area{border-color:var(--accent-future);background:#00f5ff0d}.future .upload-area:hover{border-color:var(--neon-purple);box-shadow:0 0 20px #bf00ff4d}