:root{--bg-color:#080808;--text-primary:#fff;--text-secondary:#888;--accent:#fff;--grid-color:#ffffff08;--transition-custom:.6s cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);justify-content:center;min-height:100vh;font-family:Inter,sans-serif;display:flex;overflow-x:hidden}.bg-texture{z-index:1;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");width:100%;height:100%;position:fixed;top:0;left:0}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--grid-color) 1px, transparent 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}.container{z-index:10;width:100%;max-width:480px;transition:var(--transition-custom);flex-direction:column;gap:clamp(2.5rem,6vw,4rem);padding:clamp(2rem,8vw,5rem) 1.5rem;display:flex;position:relative}.profile-header{flex-direction:column;align-items:center;gap:2.5rem;display:flex}.status-badge{letter-spacing:2px;color:var(--text-secondary);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:6px 14px;font-size:.75rem;display:inline-flex}.status-dot{background:#0f8;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 12px #0f8}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}.photo-container{width:clamp(160px,30vw,200px);height:clamp(210px,40vw,260px);transition:transform .4s;position:relative}.photo-placeholder{z-index:2;background:#111;border:1px solid #333;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.photo-placeholder img{opacity:.9;transition:opacity .4s}.photo-container:hover .photo-placeholder img{opacity:1}.photo-frame{z-index:1;width:100%;height:100%;transition:var(--transition-custom);border:1px solid #ffffff26;position:absolute;top:15px;left:15px}.photo-container:hover .photo-frame{border-color:var(--accent);transform:translate(-25px,-25px)}.profile-name{text-align:center;text-transform:uppercase;letter-spacing:-1px;margin-top:.5rem;font-family:Oswald,sans-serif;font-size:clamp(2.5rem,10vw,3.8rem);line-height:.9}.profile-title{color:var(--text-secondary);letter-spacing:clamp(2px,1vw,5px);font-size:clamp(.7rem,2vw,.85rem);font-weight:600}.bio-section{text-align:center;color:#bbb;max-width:95%;margin:0 auto;font-size:clamp(.95rem,2.5vw,1.1rem);line-height:1.6}.links-section{flex-direction:column;gap:14px;display:flex}.social-link{color:var(--text-primary);transition:var(--transition-custom);background:#ffffff03;border:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:clamp(1.2rem,3vw,1.6rem);text-decoration:none;display:flex;position:relative;overflow:hidden}.link-label{text-transform:uppercase;letter-spacing:1px;z-index:2;font-family:Oswald,sans-serif;font-size:clamp(1.2rem,4vw,1.5rem);position:relative}.social-link .arrow{z-index:2;transition:var(--transition-custom);font-size:1.2rem;position:relative}.social-link:before{content:"";background:var(--accent);width:100%;height:100%;transition:var(--transition-custom);z-index:1;position:absolute;top:0;left:-100%}.social-link:hover{color:var(--bg-color);border-color:var(--accent);transform:translate(5px)}.social-link:hover:before{left:0}.social-link:hover .arrow{transform:translate(5px,-5px)}.contact-link{background:var(--text-primary);color:var(--bg-color)}.contact-link:hover{color:var(--text-primary);background:0 0}.portfolio-content{max-height:0;transition:max-height .8s var(--transition-custom), opacity .5s ease;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0d;flex-direction:column;gap:1px;margin-top:-1px;display:flex;overflow:hidden}.portfolio-content.show{opacity:1;max-height:1000px}.project-item{background:var(--bg-color);opacity:0;transition:opacity .6s ease, transform .6s var(--transition-custom);border-bottom:1px solid #ffffff08;padding:1.8rem;transform:translateY(20px)}.portfolio-content.show .project-item{opacity:1;transform:translateY(0)}.portfolio-content.show .project-item:first-child{transition-delay:.1s}.portfolio-content.show .project-item:nth-child(2){transition-delay:.2s}.portfolio-content.show .project-item:nth-child(3){transition-delay:.3s}.project-item{background:var(--bg-color);opacity:0;border-bottom:1px solid #ffffff08;padding:1.8rem;transform:translateY(20px)}.project-item h3{text-transform:uppercase;letter-spacing:2px;font-family:Oswald,sans-serif;font-size:clamp(.8rem,2vw,.95rem)}@media (width>=1024px){body{padding-top:5vh;padding-bottom:5vh}.container{background:#0003;border:1px solid #ffffff08;box-shadow:0 40px 100px #00000080}.social-link:hover{transform:scale(1.02)translate(8px)}}@media (width>=481px) and (width<=1023px){.container{max-width:520px;padding:4rem 2rem}}@media (width<=360px){.profile-name{font-size:2.2rem}.container{padding:1.5rem 1rem}}.fade-up{opacity:0;transition:opacity 1s var(--transition-custom), transform 1s var(--transition-custom);transform:translateY(30px)}.fade-in{opacity:0;transition:opacity 1.5s var(--transition-custom)}.visible{opacity:1!important;transform:translateY(0)!important}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.delay-6{transition-delay:.6s}.delay-7{transition-delay:.7s}.delay-8{transition-delay:.8s}.delay-9{transition-delay:1s}