@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap";#root{min-height:100vh}:root{--bg-primary: #0f1419;--bg-secondary: #1a1f2e;--bg-glass: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #a8b2d1;--accent-blue: #61dafb;--accent-purple: #c792ea;--accent-pink: #f07178;--accent-green: #c3e88d;--border: rgba(255, 255, 255, .1);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--shadow-glow: 0 0 20px rgba(97, 218, 251, .3);--transition: all .4s cubic-bezier(.4, 0, .2, 1);--font-primary: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--blur: blur(20px);--radius: 16px;--radius-lg: 24px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-primary);background:radial-gradient(circle at 20% 80%,rgba(97,218,251,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(199,146,234,.1) 0%,transparent 50%),linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;width:100%;min-width:320px}.app{min-height:100vh;display:flex;flex-direction:column}.top-nav{position:fixed;top:1rem;left:1rem;right:1rem;transform:none;display:flex;gap:.2rem;padding:.3rem;z-index:1000;background:#0f1419f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 8px 32px #0006;transition:all .2s ease;will-change:transform;max-width:calc(100vw - 2rem)}.top-nav:hover{background:#0f1419fa;border-color:#ffffff1a}.nav-item{background:transparent;color:var(--text-secondary);border:none;padding:.6rem .8rem;font-family:var(--font-mono);font-weight:500;font-size:clamp(.65rem,2.5vw,.8rem);letter-spacing:.05em;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;border-radius:8px;position:relative;overflow:hidden;will-change:transform;flex:1;text-align:center;min-width:0;white-space:nowrap;opacity:0;transform:translateY(-10px);animation:navEntrance .5s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes navEntrance{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item:nth-child(1){animation-delay:.1s}.nav-item:nth-child(2){animation-delay:.2s}.nav-item:nth-child(3){animation-delay:.3s}.nav-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#61dafb26;transition:left .3s cubic-bezier(.25,.46,.45,.94);border-radius:12px}.nav-item:hover:before,.nav-item.active:before{left:0}.nav-item:hover,.nav-item.active{color:var(--text-primary);transform:translateY(-2px) scale(1.02);filter:brightness(1.1)}.nav-item.active{background:#61dafb1a;border:1px solid rgba(97,218,251,.2)}.nav-item span{position:relative;z-index:1}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:4.5rem .5rem 2rem;min-height:100vh;position:relative;width:100%;max-width:100vw;overflow-x:hidden}.content-container{max-width:1200px;width:100%;text-align:center;position:relative;padding:0 .5rem;max-width:calc(100vw - 1rem)}.section-header{margin-bottom:3rem}.section-home .section-header{display:none!important;margin:0;height:0;overflow:hidden}.section-title{font-size:clamp(4rem,12vw,10rem);font-weight:800;letter-spacing:-.02em;line-height:.9;color:var(--text-primary);margin-bottom:2rem;position:relative;background:linear-gradient(45deg,var(--accent-blue),var(--accent-purple),var(--accent-pink));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(97,218,251,.5))}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.section-subtitle{display:none}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;position:relative;z-index:1;gap:2rem;padding:1rem .5rem;width:100%;max-width:100vw}.hero-actions{display:flex;gap:0;justify-content:center}.cta-button{padding:2rem 4rem;font-family:var(--font-mono);font-weight:700;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;border:3px solid var(--border);cursor:pointer;transition:var(--transition);background:var(--bg-darker);color:var(--text-primary)}.cta-button:first-child{border-right:none}.cta-button:hover{background:var(--accent);color:var(--bg-dark)}.socials-content{width:100%;display:flex;flex-direction:column;gap:3rem}.social-links{width:100%}.links-grid{display:grid;grid-template-columns:1fr;gap:1rem;max-width:100%;margin:0 auto;padding:0 1rem}.link-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#ffffff0a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text-primary);text-decoration:none;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-weight:600;position:relative;overflow:hidden;box-shadow:0 8px 25px #0003;will-change:transform,filter;opacity:0;transform:translateY(30px) scale(.95);animation:linkEntrance .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes linkEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.link-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#61dafb1a;transition:left .4s cubic-bezier(.25,.46,.45,.94);border-radius:var(--radius-lg)}.link-card:hover:before{left:0}.link-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0006;border-color:#61dafb4d;filter:brightness(1.1)}.link-card:nth-child(1){animation-delay:.1s}.link-card:nth-child(2){animation-delay:.2s}.link-card:nth-child(3){animation-delay:.3s}.link-card:nth-child(4){animation-delay:.4s}.link-card[data-platform=instagram]{background:linear-gradient(135deg,rgba(225,48,108,.1),var(--bg-glass))}.link-card[data-platform=instagram]:hover{border-color:#e1306c66;box-shadow:0 20px 40px #e1306c33}.link-card[data-platform=twitter]{background:linear-gradient(135deg,rgba(29,155,240,.1),var(--bg-glass))}.link-card[data-platform=twitter]:hover{border-color:#1d9bf066;box-shadow:0 20px 40px #1d9bf033}.link-card[data-platform=tiktok]{background:linear-gradient(135deg,rgba(255,0,80,.1),var(--bg-glass))}.link-card[data-platform=tiktok]:hover{border-color:#ff005066;box-shadow:0 20px 40px #ff005033}.link-card[data-platform=applemusic]{background:linear-gradient(135deg,rgba(252,61,57,.1),var(--bg-glass))}.link-card[data-platform=applemusic]:hover{border-color:#fc3d3966;box-shadow:0 20px 40px #fc3d3933}.link-icon{font-size:1.5rem}.link-text{font-family:var(--font-mono);font-weight:700;letter-spacing:.1em;font-size:1rem}.link-arrow{font-size:1.2rem;font-weight:700}.photos-section{width:100%;display:flex;flex-direction:column;gap:1.5rem}.photos-header{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:.5rem}.instagram-attribution{text-align:center;margin-bottom:.5rem}.instagram-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:all .2s ease;padding:.4rem .8rem;border-radius:var(--radius);background:#e1306c0d;border:1px solid rgba(225,48,108,.1);display:inline-block}.instagram-link:hover{color:var(--text-primary);background:#e1306c1a;border-color:#e1306c33;transform:translateY(-1px)}.refresh-photos-btn{background:#ffffff0a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1rem 2rem;font-family:var(--font-mono);font-weight:600;font-size:.9rem;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;text-transform:uppercase;position:relative;overflow:hidden}.refresh-photos-btn:hover:not(:disabled){background:#61dafb1a;border-color:#61dafb33;transform:translateY(-2px)}.refresh-photos-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-photos-btn.has-new{background:#f071781a;border-color:#f071784d;color:var(--accent-pink);animation:pulse 2s infinite}.refresh-photos-btn.has-new:hover:not(:disabled){background:#f0717833;border-color:#f0717866}@keyframes pulse{0%,to{box-shadow:0 0 10px #f071784d}50%{box-shadow:0 0 20px #f0717899}}.photos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;padding:1rem;margin-top:2rem}.photo-card{aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;position:relative;transition:all .2s ease;background:#ffffff05;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 25px #0003;will-change:transform;width:100%;max-width:400px;margin:0 auto;opacity:0;transform:translateY(30px) scale(.95);animation:photoEntrance .6s cubic-bezier(.25,.46,.45,.94) forwards}.photo-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.photo-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary);transition:var(--transition)}.photo-card:hover .photo-placeholder{color:var(--text-primary)}.photo-placeholder span{font-size:3rem;margin-bottom:1rem}.photo-placeholder p{font-family:var(--font-mono);font-weight:700;letter-spacing:.2em;font-size:1rem}.photo-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.photo-card:hover .photo-image{transform:scale(1.05)}.photo-content{width:100%;height:100%;position:relative}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:1rem;opacity:0;transition:all .3s ease;transform:translateY(10px)}.photo-card:hover .photo-overlay{opacity:1;transform:translateY(0)}.photo-title{color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0}.photo-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.floating-elements{display:none}.cam-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;position:relative;z-index:2;padding:1rem .5rem;will-change:transform;width:100%;max-width:100vw;animation:heroEntrance 1.2s ease-out}@keyframes heroEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.cam-title{font-size:clamp(3rem,12vw,16rem);font-weight:900;letter-spacing:-.02em;line-height:.9;margin:0;display:flex;gap:clamp(.01em,.8vw,.06em);position:relative;will-change:transform;width:100%;justify-content:center;animation:titleEntrance 1.2s cubic-bezier(.23,1,.32,1) forwards,titleFloat 8s ease-in-out 1.2s infinite;opacity:0;transform:translateY(40px) scale(.9)}@keyframes titleEntrance{0%{opacity:0;transform:translateY(40px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes titleFloat{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(.8deg)}66%{transform:translateY(5px) rotate(-.5deg)}}.cam-letter{display:inline-block;position:relative;background:linear-gradient(45deg,#61dafb,#c792ea,#f07178 60%,#c3e88d);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:letterEntrance 1s cubic-bezier(.68,-.55,.265,1.55) forwards,gradientFlow 6s ease-in-out 1s infinite,letterBounce 3s ease-in-out 1s infinite;transition:all .4s cubic-bezier(.175,.885,.32,1.275);will-change:transform,filter;cursor:pointer;opacity:0;transform:translateY(30px) scale(.7) rotateX(-90deg)}@keyframes letterEntrance{0%{opacity:0;transform:translateY(30px) scale(.7) rotateX(-90deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}@keyframes letterBounce{0%,to{transform:translateY(0) scale(1) rotate(0)}33%{transform:translateY(-4px) scale(1.03) rotate(1deg)}66%{transform:translateY(2px) scale(.98) rotate(-.5deg)}}.cam-letter:nth-child(1){animation-delay:.1s,1.1s,1.1s;filter:drop-shadow(0 0 20px rgba(97,218,251,.5))}.cam-letter:nth-child(2){animation-delay:.2s,1.3s,1.5s;filter:drop-shadow(0 0 20px rgba(199,146,234,.5))}.cam-letter:nth-child(3){animation-delay:.3s,1.5s,1.9s;filter:drop-shadow(0 0 20px rgba(240,113,120,.5))}.cam-letter:hover{transform:scale(1.08) translateY(-3px) rotate(2deg);animation-play-state:paused;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cam-letter:nth-child(1):hover{filter:drop-shadow(0 0 35px rgba(97,218,251,.8));background-size:200% 200%}.cam-letter:nth-child(2):hover{filter:drop-shadow(0 0 35px rgba(199,146,234,.8));background-size:200% 200%}.cam-letter:nth-child(3):hover{filter:drop-shadow(0 0 35px rgba(240,113,120,.8));background-size:200% 200%}.cam-subtitle{font-family:var(--font-mono);font-size:clamp(.7rem,1.5vw,1rem);font-weight:400;letter-spacing:clamp(.2em,2vw,.4em);text-transform:uppercase;color:var(--text-secondary);opacity:0;animation:subtitleEntrance 1s cubic-bezier(.25,.46,.45,.94) 1.4s forwards;position:relative;transform:translateY(20px)}@keyframes subtitleEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}.cam-subtitle:before{content:"";position:absolute;bottom:-.8rem;left:50%;transform:translate(-50%);width:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-blue),var(--accent-purple),transparent);animation:lineExpand 1.2s cubic-bezier(.25,.46,.45,.94) 1.8s forwards}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.7;transform:translateY(0)}}@keyframes lineExpand{0%{width:0}to{width:100%}}.section-content{opacity:0;transform:translateY(20px);animation:sectionEntrance .8s cubic-bezier(.25,.46,.45,.94) .2s forwards}@keyframes sectionEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 769px){.top-nav{top:2rem;left:50%;right:auto;transform:translate(-50%);padding:.5rem;border-radius:20px;gap:.25rem}.nav-item{padding:.8rem 1.8rem;font-size:.85rem;border-radius:16px;flex:none}.nav-item:before{border-radius:16px}.main-content{padding:6rem 2rem 2rem}.content-container{padding:0}.cam-title{font-size:clamp(8rem,18vw,20rem)}.cam-hero{gap:3rem;padding:2rem 0}.links-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:600px;padding:0}.photos-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:800px;padding:0}.photos-header{flex-direction:row;justify-content:space-between;align-items:center}.link-card{padding:2.5rem}}@media (max-width: 480px){.nav-item{padding:.6rem 1rem;font-size:.7rem}.cam-title{font-size:clamp(3rem,14vw,6rem);gap:.03em}.cam-subtitle{font-size:.7rem;letter-spacing:.2em}.cam-hero{gap:2rem}.cta-button{padding:1rem;font-size:.9rem}.link-card{padding:1.5rem}.link-text{font-size:.9rem}}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;position:relative;z-index:1;padding:2rem;will-change:transform}.section-home{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.section-home .content-container{max-width:1400px;width:100%;display:flex;flex-direction:column;align-items:center;padding:0}.footer{padding:2rem;text-align:center;color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;border-top:1px solid rgba(255,255,255,.05);background:#0003}.music-section{width:100%;display:flex;flex-direction:column;gap:2rem}.music-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.music-attribution{text-align:center;margin-bottom:.5rem}.music-link{color:var(--text-secondary);text-decoration:none;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;transition:all .2s ease;padding:.4rem .8rem;border-radius:var(--radius);background:#ff45000d;border:1px solid rgba(255,69,0,.1);display:inline-block}.music-link:hover{color:var(--text-primary);background:#ff45001a;border-color:#ff450033;transform:translateY(-1px)}.refresh-music-btn{background:#ffffff0a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:var(--text-primary);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1rem 2rem;font-family:var(--font-mono);font-weight:600;font-size:.9rem;letter-spacing:.1em;cursor:pointer;transition:all .2s ease;text-transform:uppercase;position:relative;overflow:hidden}.refresh-music-btn:hover:not(:disabled){background:#61dafb1a;border-color:#61dafb33;transform:translateY(-2px)}.refresh-music-btn:disabled{opacity:.6;cursor:not-allowed}.refresh-music-btn.has-new{background:#f071781a;border-color:#f071784d;color:var(--accent-pink);animation:pulse 2s infinite}.music-status{background:#2ecc711a;border:1px solid rgba(46,204,113,.3);border-radius:12px;padding:1rem;margin-bottom:1.5rem;color:#2ecc71;font-weight:600;text-align:center}.music-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:100%;margin:0 auto;padding:0 .5rem;width:100%}.music-card{background:#ffffff0a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;box-shadow:0 8px 25px #0003;will-change:transform;opacity:0;transform:translateY(30px) scale(.95);animation:musicEntrance .6s cubic-bezier(.25,.46,.45,.94) forwards}@keyframes musicEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.music-card:nth-child(1){animation-delay:.1s}.music-card:nth-child(2){animation-delay:.2s}.music-card:nth-child(3){animation-delay:.3s}.music-card:nth-child(4){animation-delay:.4s}.music-card:nth-child(5){animation-delay:.5s}.music-card:nth-child(6){animation-delay:.6s}.music-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px #0000004d;border-color:#ffffff26}.music-card.loading{display:flex;align-items:center;justify-content:center;aspect-ratio:1}.music-placeholder{text-align:center;color:var(--text-secondary)}.music-placeholder span{font-size:2rem;margin-bottom:.5rem;display:block}.music-artwork{position:relative;aspect-ratio:1;overflow:hidden}.artwork-image{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.music-card:hover .artwork-image{transform:scale(1.05)}.play-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.music-card:hover .play-overlay{opacity:1}.play-button{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--bg-primary);transform:scale(.8);transition:all .3s ease}.music-card:hover .play-button{transform:scale(1)}.music-info{padding:1.5rem}.track-title{color:var(--text-primary);font-family:var(--font-mono);font-size:1rem;font-weight:700;letter-spacing:.05em;margin:0 0 .5rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artist{color:var(--text-secondary);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;margin:0 0 1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{display:flex;flex-direction:column;gap:.25rem}.track-type{color:var(--accent-blue);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;background:#61dafb1a;padding:.2rem .5rem;border-radius:4px;border:1px solid rgba(97,218,251,.2);align-self:flex-start}.play-count{color:var(--text-secondary);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em}.last-played{color:var(--text-secondary);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.1em;opacity:.7}@media (min-width: 769px){.music-header{flex-direction:row;justify-content:space-between;align-items:center}.music-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;padding:0}.track-meta{flex-direction:row;align-items:center;gap:.75rem}}@media (max-width: 480px){.music-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.track-title{font-size:.9rem}.track-artist{font-size:.75rem}}.music-controls{display:flex;gap:1rem;align-items:center}.auth-btn{background:linear-gradient(135deg,#ff6b6b,#ff8e8e);border:none;border-radius:12px;padding:.75rem 1.5rem;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ff6b6b4d}.auth-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.auth-btn:disabled{opacity:.7;cursor:not-allowed}
