body{margin:0;padding:0}:root{--primary-green: #e8f5e9;--secondary-green: #c8e6c9;--primary-yellow: #fff9c4;--secondary-yellow: #fff59d;--accent: #4caf50;--accent-yellow: #fdd835;--text-main: #2e7d32;--text-muted: #66bb6a;--card-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .6);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html,body{margin:0;padding:0;width:100%;min-height:100vh;overflow-x:hidden}body{background:linear-gradient(135deg,var(--primary-green),var(--primary-yellow));display:flex;justify-content:center;align-items:center;color:var(--text-main);font-family:Outfit,sans-serif}.container{max-width:900px;width:100%;padding:2rem;z-index:10;position:relative;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1)}.container.loaded{opacity:1;transform:translateY(0)}.header{text-align:center;margin-bottom:3rem}.badge{display:inline-block;background:var(--card-bg);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;color:var(--accent);margin-bottom:1rem;box-shadow:0 4px 15px #0000000d;border:1px solid var(--glass-border)}.title{font-size:3.5rem;margin:0;letter-spacing:-2px;color:#2c3e50;line-height:1.1}.highlight{color:var(--accent);background:linear-gradient(120deg,var(--accent),var(--accent-yellow));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap}.subtitle{font-size:1.2rem;color:var(--text-muted);margin-top:1rem}.card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:24px;padding:2.5rem 2.5rem 3.2rem;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;margin-bottom:2rem;display:flex;flex-direction:column}.grid .card{min-height:180px}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000026}.card-hero{border-left:6px solid var(--accent)}.status-indicator{display:inline-block;padding:.6rem 1.2rem;border-radius:12px;font-weight:500;font-size:.9rem}.status-indicator.success{background:#e8f5e9;color:#2e7d32;border:1px solid #c8e6c9}.status-indicator.pending{background:#fff3e0;color:#ef6c00;border:1px solid #ffe0b2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.footer{text-align:center;margin-top:4rem;color:var(--text-muted);font-size:.9rem}.blob{position:fixed;width:400px;height:400px;border-radius:50%;filter:blur(80px);z-index:1;opacity:.5}.blob-1{background:var(--secondary-green);top:-100px;right:-100px;animation:float 20s infinite alternate}.blob-2{background:var(--secondary-yellow);bottom:-100px;left:-100px;animation:float 25s infinite alternate-reverse}@keyframes float{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.baby-rain{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.falling-baby{position:absolute;top:-50px;font-size:2rem;animation:fall linear infinite}@keyframes fall{0%{transform:translateY(-50px) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(110vh) rotate(360deg);opacity:0}}@media(max-width:1024px){.container{max-width:90%}}@media(max-width:768px){.title{font-size:2.8rem}.subtitle{font-size:1.1rem}.container{padding:1.5rem 1rem}.card{padding:2rem 1.5rem 2.5rem}.grid .card{min-height:160px}.grid{grid-template-columns:1fr;gap:1.5rem}.gifts-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.gift-card{padding:1rem}.gift-image-wrapper{height:120px}.success-content h2{font-size:2rem}.success-content p{font-size:1.2rem}.success-content .signature{font-size:1.5rem}.event-card-detail{padding:1.5rem}.event-time{font-size:1.2rem}.arrow{bottom:1rem;right:1.5rem;font-size:1.2rem}}@media(max-width:480px){.title{font-size:2.2rem}.badge{font-size:.7rem;padding:.4rem .8rem}.gifts-grid{grid-template-columns:1fr}.gift-image-wrapper{height:180px}.modal-content{padding:1.5rem}.modal-actions{flex-direction:column}.btn-confirm{order:-1}.success-content h2{font-size:1.8rem}.blob{width:250px;height:250px}.falling-baby{font-size:1.5rem}}.back-link{display:inline-block;margin-bottom:2rem;color:var(--accent);text-decoration:none;font-weight:600;transition:transform .2s ease}.back-link:hover{transform:translate(-5px)}.gifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem}.gift-card{position:relative;display:flex;flex-direction:column;padding:1.2rem}.gift-image-wrapper{width:100%;height:140px;background:#fff;border-radius:12px;overflow:hidden;margin-bottom:1rem;border:1px solid var(--glass-border)}.gift-image{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform .3s ease}.gift-card:hover .gift-image{transform:scale(1.05)}.gift-card.reserved{opacity:.8;filter:grayscale(.5);background:#0000000d;pointer-events:none}.gift-card.reserved:after{content:"";position:absolute;inset:0;background:#0000001a;border-radius:24px;z-index:5}.reserved-badge{background:#757575;color:#fff;text-align:center;margin-top:1rem;font-weight:700;position:relative;z-index:10}.gift-card h3{margin-top:0;margin-bottom:.5rem}.store-link{display:inline-block;color:var(--text-muted);text-decoration:none;font-size:.9rem;margin-bottom:1rem;transition:color .2s ease}.store-link:hover{color:var(--accent)}.gift-info{margin-bottom:1rem}.reserve-btn{background:var(--accent);color:#fff;border:none;padding:.8rem;border-radius:12px;cursor:pointer;font-weight:600;margin-top:1rem;transition:background .2s ease}.reserve-btn:hover{background:#388e3c}.card-link{text-decoration:none;color:inherit}.clickable{cursor:pointer;position:relative}.arrow{position:absolute;bottom:1.2rem;right:2.5rem;font-size:1.5rem;color:var(--accent);transition:transform .2s ease}.clickable:hover .arrow{transform:translate(10px)}.loading,.no-gifts{text-align:center;font-size:1.2rem;color:var(--text-muted);padding:3rem}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:24px;width:100%;max-width:450px;padding:2rem;box-shadow:0 20px 50px #0003;transform:scale(.9);animation:modalIn .3s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes modalIn{to{transform:scale(1)}}.modal-content h2{margin-top:0;color:var(--text-main);font-size:1.5rem;margin-bottom:.5rem}.modal-content .gift-name{color:var(--accent);font-weight:600;margin-bottom:1.5rem;display:block}.form-group{margin-bottom:1.2rem;text-align:left}.form-group label{display:block;font-size:.9rem;margin-bottom:.5rem;font-weight:500;color:#666}.form-group input,.form-group textarea{width:100%;padding:.8rem;border-radius:12px;border:1px solid #ddd;background:#fcfcfc;font-family:inherit;font-size:1rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px #4caf501a}.modal-actions{display:flex;gap:1rem;margin-top:2rem}.btn-cancel{flex:1;padding:.8rem;border-radius:12px;border:1px solid #ddd;background:#fff;cursor:pointer;font-weight:600;transition:all .2s}.btn-confirm{flex:2;padding:.8rem;border-radius:12px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-weight:600;transition:all .2s}.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-confirm:not(:disabled):hover{transform:scale(1.02);filter:brightness(1.1)}.success-overlay{position:fixed;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:center;align-items:center;z-index:2000;text-align:center;padding:2rem;animation:fadeIn .5s ease}.success-content{max-width:500px;animation:scaleUp .6s cubic-bezier(.175,.885,.32,1.275)}.success-content h2{font-size:2.5rem;color:var(--accent);margin-bottom:1.5rem}.success-content p{font-size:1.5rem;line-height:1.4;color:var(--text-main);margin-bottom:2rem}.success-content .signature{font-family:Outfit,sans-serif;font-weight:700;font-size:1.8rem;color:var(--highlight-yellow);text-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-close-success{margin-top:2rem;padding:1rem 2.5rem;font-size:1.1rem;background:var(--accent);color:#fff;border:none;border-radius:50px;cursor:pointer;font-weight:600;box-shadow:0 10px 20px #4caf504d;transition:all .3s ease}.btn-close-success:hover{transform:translateY(-5px);box-shadow:0 15px 30px #4caf5066}.event-details{margin-top:2rem;text-align:center}.event-card-detail{margin-bottom:2rem;padding:2.5rem}.event-icon{font-size:3rem;margin-bottom:1rem}.event-time{font-size:1.5rem;font-weight:700;color:var(--accent);margin-top:.5rem}.map-link{display:inline-block;margin-top:1.5rem;padding:.8rem 1.5rem;background:#fff;border:1px solid var(--glass-border);border-radius:50px;color:var(--text-main);text-decoration:none;font-weight:600;transition:all .3s ease}.map-link:hover{background:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 5px 15px #4caf5033}.inline-link{color:var(--accent);text-decoration:none;font-weight:600}.inline-link:hover{text-decoration:underline}.note-card{margin-top:2rem;padding:1.5rem;font-style:italic;font-size:.95rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}