html,body{margin:0;padding:0;background:#fffbeb}#root{width:100%;height:100%;margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;overflow-x:hidden;font-family:ui-sans-serif,system-ui;background:url(/assets/background-DZYMVPht.png) center/cover no-repeat,linear-gradient(135deg,#0f172a,#1e293b);background-attachment:fixed;min-height:100vh}.page{position:relative;min-height:100vh;width:100%;z-index:0}.profile-name,.profile-nazwisko,.profile-role,.profile-btn,.project-title,.banner-text,.about-box,.about-box p,.about-header{font-family:Roboto Mono,monospace}.page-content{max-width:1300px;margin:0 auto;padding:3rem 2rem 4rem;background:none!important;position:relative}.profile{width:100%;display:flex;flex-direction:column}.profile-top{display:flex;align-items:center;justify-content:flex-start;gap:2rem;width:100%}.profile-left{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.profile-avatar{margin-bottom:.1rem;margin-left:0;width:320px;aspect-ratio:1/1;border-radius:50%;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 8px 25px #0000002e;animation:idleFloat 4s ease-in-out infinite}.profile-banner{flex-grow:0;min-height:320px;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:0 2rem;margin:0;margin-top:-8rem}.banner-text{color:#2f3030;text-shadow:0 0 15px rgba(0,0,0,.35);text-align:center;font-size:clamp(1.8rem,3.5vw,4rem);letter-spacing:.05em;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out,letter-spacing 1.2s cubic-bezier(.16,1,.3,1)}.reveal.active .banner-text{opacity:1;transform:translateY(0);letter-spacing:.12em}@media(max-width:900px){.profile-banner{display:none!important}}.profile-name,.profile-nazwisko,.profile-role{color:#2f3030;text-shadow:0 0 10px rgba(0,0,0,.3);letter-spacing:.1em}.profile-name{font-size:3rem;margin:0 0 -.4rem}.profile-nazwisko{font-size:1.7rem;margin:0 0 .1rem;white-space:nowrap}.profile-role{font-size:1rem;margin:0 0 .1rem;white-space:nowrap}.profile-links{margin-top:1rem;display:flex;gap:10px;flex-wrap:wrap}.profile-btn{padding:10px 22px;border-radius:999px;text-decoration:none;text-transform:uppercase;font-size:.95rem;color:#4a4b4d;background:#ffffff40!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 25px #00000040;transition:.3s ease}.profile-btn:hover{transform:translateY(-3px);box-shadow:0 14px 35px #00000059}.about-section{width:100%;margin-top:3rem;display:flex;flex-direction:column;align-items:flex-start}.about-header{background:#ffffff47!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;width:100%;max-width:600px;padding:1.2rem 1.8rem;display:flex;justify-content:space-between;align-items:center;border-radius:18px;border:1px solid rgba(255,255,255,.55);box-shadow:0 6px 18px #00000040;font-size:1.4rem;letter-spacing:.1em;color:#2f3030;cursor:pointer;transition:.25s ease}.about-header:hover{transform:translateY(-1px);box-shadow:0 14px 35px #00000059}.about-header .arrow{font-size:1.4rem;opacity:.75;transition:.25s}.about-header.open .arrow{transform:rotate(180deg);opacity:1}.about-box{width:100%;max-width:600px;margin-top:1.5rem;overflow:hidden;max-height:0;opacity:0;padding:0 1.8rem;background:#ffffff47!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;border-radius:24px;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 25px #00000040;color:#2f3030;transition:max-height .8s ease,opacity .6s ease,padding .6s ease}.about-box.open{max-height:2000px;opacity:1;padding:2.5rem 3rem}.about-box p{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.projects{margin-top:4rem;display:grid;gap:4rem}.project-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;align-items:center}.project-frame{width:100%;aspect-ratio:1/1;border-radius:24px;background:#ffffff47!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;border:1px solid rgba(255,255,255,.55);box-shadow:0 8px 25px #00000040;transition:.3s ease}.project-frame:hover{transform:translateY(-6px);box-shadow:0 14px 35px #00000059}.project-title{font-size:1.6rem;text-transform:uppercase;color:#2f3030;letter-spacing:.1em;text-align:center;text-shadow:0 0 15px rgba(0,0,0,.35)}.project-info{opacity:0;transform:translate(0);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),transform 1.6s cubic-bezier(.16,1,.3,1)}.from-right{transform:translate(40px)}.from-left{transform:translate(-40px)}.reveal.active .project-info{opacity:1!important;transform:translate(0)!important}.footer{margin-top:4rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.5);text-align:center;color:#e5e7eb;font-size:.8rem;letter-spacing:.1em}.reveal{position:relative;transform:translateY(40px);transition:transform 2.8s cubic-bezier(.25,1,.5,1)}.reveal:before{content:"";position:absolute;inset:0;background:inherit;opacity:1;transition:opacity 2.8s cubic-bezier(.25,1,.5,1);pointer-events:none;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}.reveal.active{transform:translateY(0)}.reveal.active:before{opacity:0}@keyframes idleFloat{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}