*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff;background:#000;overflow-x:hidden;min-height:100vh}.container{min-height:100vh;display:flex;flex-direction:column;position:relative}.header{position:relative;z-index:10;padding:2rem 1.5rem;text-align:center;background:linear-gradient(180deg,#000c,#0006 70%,#0000)}.title{font-size:clamp(1.5rem,4vw,3rem);font-weight:300;letter-spacing:-.02em;line-height:1.2;margin:0;animation:fadeInUp 1s ease-out}.author-link{color:#fff;text-decoration:none;font-weight:500;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}.author-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#667eea,#764ba2);transition:width .3s cubic-bezier(.4,0,.2,1)}.author-link:hover:after{width:100%}.author-link:hover{transform:translateY(-1px)}.main{flex:1;position:relative;display:flex;align-items:center;justify-content:center;padding:0 1.5rem 2rem}.image-container{position:relative;width:100%;max-width:1400px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 0 1px #ffffff1a;animation:fadeInScale 1.2s ease-out .3s both}.hero-image{width:100%;height:auto;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.image-container:hover .hero-image{transform:scale(1.02)}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease;pointer-events:none}.image-container:hover .image-overlay{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@media (max-width: 768px){.header{padding:1.5rem 1rem}.main{padding:0 1rem 1.5rem}.image-container{border-radius:12px}.title{font-size:clamp(1.25rem,5vw,2rem)}}@media (max-width: 480px){.header{padding:1rem .75rem}.main{padding:0 .75rem 1rem}.image-container{border-radius:8px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.hero-image{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme: dark){body{background:#000}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-image{transition:none}.image-container:hover .hero-image{transform:none}}