*,::after,::before{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(circle at center,#f1efe9 0,#d8d3c7 100%);font-family:'Caveat',cursive;color:#222;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.desk{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;perspective:1000px}.polaroid{background:#fff;padding:clamp(12px,2.5vw,20px) clamp(12px,2.5vw,20px) clamp(25px,6vw,50px);box-shadow:0 12px 25px rgba(0,0,0,.15),0 4px 10px rgba(0,0,0,.05);width:clamp(300px,92vw,500px);text-align:center;position:relative;border:1px solid #eee;transition:transform .3s ease}.p1{transform:rotate(-4deg) translateY(25px);z-index:1}.p2{transform:rotate(3deg) translateY(-15px);z-index:2;box-shadow:0 20px 40px rgba(0,0,0,.2)}.tape{width:clamp(70px,15vw,110px);height:clamp(20px,4vw,30px);background:rgba(255,255,235,.8);box-shadow:0 1px 3px rgba(0,0,0,.1);position:absolute;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);z-index:10;border-left:2px dashed rgba(0,0,0,.08);border-right:2px dashed rgba(0,0,0,.08);backdrop-filter:blur(2px)}.photo-area{background:#fafafa;border:1px solid #e0e0e0;width:100%;min-height:clamp(90px,18vh,150px);display:flex;align-items:center;justify-content:center;margin-bottom:15px;overflow:hidden;box-shadow:inset 0 0 10px rgba(0,0,0,.02)}.photo-area img{width:100%;max-width:180px;height:auto;display:block}h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:700;color:#d32f2f;line-height:1.1;margin-bottom:12px;letter-spacing:1px}p{font-size:clamp(1.2rem,3.5vw,1.75rem);font-weight:400;margin-bottom:12px;line-height:1.25;color:#333}strong,em{font-weight:700}.caption{font-size:clamp(1.4rem,4vw,2rem);color:#555;font-weight:700;margin-top:5px}a.cta{display:inline-block;background:#ffeb3b;color:#000;text-decoration:none;font-size:clamp(1.5rem,4.5vw,2.2rem);font-weight:700;padding:10px 28px;position:relative;transform:rotate(-2deg);box-shadow:2px 4px 8px rgba(0,0,0,.15);transition:all .2s ease;margin-top:15px;border:1px solid #fbc02d}a.cta::before{content:'';position:absolute;top:-8px;left:-12px;width:35px;height:15px;background:rgba(255,255,255,.7);transform:rotate(-15deg);border:1px dashed rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.05)}a.cta:hover,a.cta:focus{transform:scale(1.06) rotate(0deg);box-shadow:4px 8px 15px rgba(0,0,0,.25);outline:3px solid #111;outline-offset:3px}footer{position:absolute;bottom:clamp(8px,2.5vh,20px);width:100%;text-align:center;z-index:10}footer a,footer span{color:#666;font-size:clamp(1.1rem,3vw,1.4rem);text-decoration:none;margin:0 8px;font-weight:700;transition:color .2s ease}footer a:hover{color:#d32f2f;text-decoration:underline}@media(max-height:600px){.p1{transform:rotate(-4deg) translateY(15px)}.p2{transform:rotate(3deg) translateY(-5px)}.photo-area{min-height:70px}h1{font-size:2rem}p{font-size:1.1rem}a.cta{padding:8px 20px;font-size:1.3rem}}