@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;700&family=Nunito:wght@400;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg-gradient: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);--primary: #ec4899;--primary-dark: #db2777;--secondary: #f472b6;--text-main: #4b5563;--clay-bg: #fce7f3;--clay-shadow: inset -8px -8px 16px rgba(174, 174, 192, .25), inset 8px 8px 16px rgba(255, 255, 255, .8), 10px 10px 20px rgba(174, 174, 192, .2), -10px -10px 20px rgba(255, 255, 255, .8);--glass-bg: rgba(255, 255, 255, .25);--glass-border: 1px solid rgba(255, 255, 255, .3);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--glass-blur: blur(10px)}body{margin:0;font-family:Nunito,sans-serif;background:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden}h1,h2,h3{font-family:Dancing Script,cursive;color:var(--primary)}.hero-text{font-family:Playfair Display,serif}.clay-card{background-color:var(--clay-bg);border-radius:2rem;padding:2rem;box-shadow:var(--clay-shadow);transition:transform .3s ease}.clay-card:hover{transform:translateY(-5px)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1.5rem}.clay-btn{background-color:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:1.5rem;font-weight:700;cursor:pointer;box-shadow:inset -4px -4px 8px #0003,inset 4px 4px 8px #fff6,8px 8px 16px #9d174d33;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center}.clay-btn:hover{background-color:var(--primary-dark);transform:scale(1.05)}.clay-btn:active{transform:scale(.95);box-shadow:inset 4px 4px 8px #0003}.input-field{width:100%;box-sizing:border-box;padding:14px 20px;margin:8px 0;border:none;border-radius:1.5rem;background-color:#fdf2f8;box-shadow:inset 4px 4px 8px #aeaec033,inset -4px -4px 8px #fff;font-family:Nunito,sans-serif;outline:none;color:#4b5563;transition:box-shadow .3s ease}.input-field:focus{box-shadow:inset 2px 2px 4px #aeaec066,inset -2px -2px 4px #fff}.fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.floating{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fbcfe8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#f472b6}.album-container{display:flex;justify-content:center;align-items:center;perspective:1500px;margin:50px auto;width:90%;max-width:1000px;height:600px;position:relative}.album-book{width:100%;height:100%;background-color:#fce7f3;border-radius:10px;box-shadow:0 20px 40px #0000004d,inset 0 0 40px #0000001a;display:flex;position:relative;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23ec4899' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.album-spine{position:absolute;left:50%;top:0;bottom:0;width:40px;background:linear-gradient(to right,#0000001a,#0003 20% 80%,#0000001a);transform:translate(-50%);z-index:10;border-left:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1)}.album-page{flex:1;background:#fff;margin:15px 15px 15px 35px;box-shadow:0 2px 5px #0000001a,inset 0 0 20px #0000000d;border-radius:2px;overflow:hidden;position:relative;display:flex;flex-direction:column}.album-page.right{margin:15px 35px 15px 15px;background:linear-gradient(to right,#f3f4f6,#fff 10%)}.album-page.left{background:linear-gradient(to left,#f3f4f6,#fff 10%)}.photo-frame{padding:15px;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 6px -1px #0000001a;transform:rotate(-2deg);margin:20px;max-height:50%;display:flex;justify-content:center;align-items:center}.right .photo-frame{transform:rotate(2deg)}@media(max-width:768px){.album-container{height:auto;min-height:600px;perspective:none}.album-book{flex-direction:column}.album-spine{display:none}.album-page{height:500px;margin:10px!important}}