:root{--emerald:#10b981;--emerald-dark:#059669;--emerald-light:#d1fae5;--gold:#d4af37;--gold-light:#f4e4b8;--silver:silver;--silver-light:#e8e8e8;--diamond:#b9f2ff;--diamond-dark:#7dd3fc;--pearl:#faf5f0;--charcoal:#1f2937;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-600:#4b5563;--gray-700:#374151;--gray-900:#111827}.years-page{background:linear-gradient(135deg,var(--pearl)0%,#fff 50%,var(--emerald-light)100%);min-height:100vh}.years-page .hero,.years-page .filter-section,.years-page .years-grid,.years-page .spotlight-section{color:var(--charcoal);line-height:1.6}.bg-decoration{opacity:.03;pointer-events:none;z-index:0;border-radius:50%;width:600px;height:600px;position:fixed}.bg-decoration-1{background:radial-gradient(circle,var(--emerald)0%,transparent 70%);top:-200px;right:-200px}.bg-decoration-2{background:radial-gradient(circle,var(--gold)0%,transparent 70%);bottom:-300px;left:-300px}.hero{text-align:center;z-index:1;max-width:1400px;margin:0 auto;padding:5rem 2rem 3rem;animation:.8s ease-out .2s backwards fadeInUp;position:relative}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-title{color:var(--charcoal);letter-spacing:-.03em;margin-bottom:1rem;font-size:4.5rem;font-weight:300;line-height:1.1}.hero-title strong{background:linear-gradient(135deg,var(--emerald)0%,var(--emerald-dark)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-subtitle{color:var(--gray-600);letter-spacing:.01em;margin-bottom:3rem;font-size:1.25rem;font-weight:300}.search-container{z-index:10;max-width:600px;margin:0 auto 4rem;animation:.8s ease-out .4s backwards fadeInUp;position:relative}.search-box{border:2px solid var(--gray-200);background:#fff;border-radius:60px;outline:none;width:100%;padding:1.25rem 1.5rem;font-size:1.1rem;transition:all .3s;box-shadow:0 10px 40px #10b9811a}.search-box:focus{border-color:var(--emerald);transform:translateY(-2px);box-shadow:0 15px 50px #10b98133}.autocomplete-results{z-index:11;background:#fff;border-radius:20px;max-height:400px;display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto;box-shadow:0 20px 60px #00000026}.autocomplete-results.active{animation:.3s ease-out fadeInUp;display:block}.autocomplete-item{cursor:pointer;border-bottom:1px solid var(--gray-100);color:inherit;justify-content:space-between;align-items:center;padding:1rem 1.5rem;text-decoration:none;transition:background .2s;display:flex}.autocomplete-item:last-child{border-bottom:none}.autocomplete-item:hover{background:var(--emerald-light)}.autocomplete-year{color:var(--emerald);font-size:1.25rem;font-weight:600}.autocomplete-theme{color:var(--gray-600);font-size:.9rem}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:1rem;max-width:1400px;margin:0 auto 3rem;padding:0 2rem;animation:.8s ease-out .6s backwards fadeInUp;display:flex}.filter-tab{border:2px solid var(--gray-200);cursor:pointer;color:var(--gray-700);letter-spacing:.02em;background:#fff;border-radius:40px;padding:.75rem 2rem;font-size:.95rem;font-weight:500;transition:all .3s}.filter-tab:hover{border-color:var(--emerald);color:var(--emerald);transform:translateY(-2px);box-shadow:0 5px 20px #10b98126}.filter-tab.active{background:var(--emerald);border-color:var(--emerald);color:#fff;box-shadow:0 5px 20px #10b9814d}.years-page main{z-index:1;max-width:1400px;margin:64px auto 0;padding:0 2rem 4rem;position:relative}.section-header{text-align:center;color:var(--charcoal);letter-spacing:-.02em;margin-bottom:2.5rem;font-size:2.5rem;font-weight:600}.years-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.year-card{cursor:pointer;border:2px solid var(--gray-100);color:inherit;background:#fff;border-radius:20px;padding:2rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out backwards fadeInScale;display:block;position:relative;overflow:hidden}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.year-card:before{content:"";background:linear-gradient(90deg,var(--emerald)0%,var(--emerald-dark)100%);transform-origin:0;height:4px;transition:transform .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.year-card:hover:before{transform:scaleX(1)}.year-card:hover{border-color:var(--emerald);transform:translateY(-8px);box-shadow:0 20px 60px #10b98133}.year-number{color:var(--emerald);background:#fff;margin-bottom:.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:4rem;font-weight:700;line-height:1;transition:all .3s;position:relative}.ordinal-suffix{font-size:.5em;font-weight:600}.year-card:hover .year-number{transform:scale(1.1)}.year-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.1em;background:#fff;margin-bottom:1rem;font-size:.75rem;font-weight:600;position:relative}.year-themes{background:#fff;margin-bottom:1.5rem;position:relative}.theme-row{align-items:baseline;gap:.5rem;margin-bottom:.5rem;display:flex}.theme-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.05em;min-width:80px;font-size:.7rem;font-weight:600}.theme-value{color:var(--charcoal);font-size:1rem;font-weight:500}.view-gifts-btn{background:var(--emerald);color:#fff;cursor:pointer;opacity:0;letter-spacing:.02em;border:none;border-radius:12px;width:100%;padding:.875rem;font-size:.95rem;font-weight:600;transition:all .3s;transform:translateY(10px)}.year-card:hover .view-gifts-btn{opacity:1;transform:translateY(0)}.view-gifts-btn:hover{background:var(--emerald-dark)}.year-card.milestone{background:linear-gradient(135deg,#fff 0%,var(--gold-light)100%);border:3px solid var(--gold);grid-column:span 1;position:relative;box-shadow:0 10px 40px #d4af3733}.year-card.milestone:before{background:linear-gradient(90deg,var(--gold)0%,#c9a13e 100%)}.year-card.milestone .year-number{color:var(--gold);font-size:4.5rem}.year-card.milestone .milestone-badge{background:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:10;border-radius:20px;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:none;position:absolute;top:1rem;right:1rem}.year-card.milestone .year-number,.year-card.milestone .year-label{text-shadow:-1px -1px #fffc,1px -1px #fffc,-1px 1px #fffc,1px 1px #fffc,0 0 3px #ffffffe6;background:0 0}.year-card.milestone .year-themes{background:linear-gradient(135deg,#fff 0%,var(--gold-light)100%)}.champagne-bubbles-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.champagne-bubble{bottom:-30px;left:var(--start-x);width:var(--bubble-size);height:var(--bubble-size);border:2px solid var(--gold);opacity:0;animation:bubbleRise var(--duration)ease-in var(--delay)infinite;background:0 0;border-radius:50%;position:absolute;box-shadow:inset -2px -2px 4px #d4af374d,0 0 4px #d4af3733}.bubble-fragment{border:1px solid var(--gold);opacity:0;background:0 0;border-radius:50%;width:30%;height:30%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bubble-fragment.fragment-0{animation:fragmentPop0 var(--duration)ease-out var(--delay)infinite}.bubble-fragment.fragment-1{animation:fragmentPop1 var(--duration)ease-out var(--delay)infinite}.bubble-fragment.fragment-2{animation:fragmentPop2 var(--duration)ease-out var(--delay)infinite}.bubble-fragment.fragment-3{animation:fragmentPop3 var(--duration)ease-out var(--delay)infinite}@keyframes bubbleRise{0%{opacity:0;bottom:-30px;transform:translate(0)scale(1)}5%{opacity:.7}50%{opacity:.8;transform:translateX(var(--drift-x))scale(1)}82%{opacity:.8;transform:translateX(var(--drift-x))scale(1,1);bottom:calc(100% - 10px)}85%{opacity:.8;transform:translateX(var(--drift-x))scale(1.1,.9);bottom:calc(100% - 10px)}87%{opacity:.8;transform:translateX(var(--drift-x))scale(.9,1.1);bottom:calc(100% - 10px)}90%{opacity:.7;transform:translateX(var(--drift-x))scale(1.2,.8);bottom:calc(100% - 10px)}92%{opacity:0;transform:translateX(var(--drift-x))scale(.3);bottom:calc(100% - 10px)}to{opacity:0;transform:translateX(var(--drift-x))scale(0);bottom:calc(100% - 10px)}}@keyframes fragmentPop0{0%,89%{opacity:0;transform:translate(-50%,-50%)scale(0)}90%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-150%,-150%)scale(.3)}}@keyframes fragmentPop1{0%,89%{opacity:0;transform:translate(-50%,-50%)scale(0)}90%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(50%,-150%)scale(.3)}}@keyframes fragmentPop2{0%,89%{opacity:0;transform:translate(-50%,-50%)scale(0)}90%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-150%,50%)scale(.3)}}@keyframes fragmentPop3{0%,89%{opacity:0;transform:translate(-50%,-50%)scale(0)}90%{opacity:.8;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(50%,50%)scale(.3)}}.year-card.extended{opacity:.85}.extended-badge{background:var(--gray-200);color:var(--gray-700);text-transform:uppercase;letter-spacing:.05em;border-radius:12px;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-block}.milestone-spotlight{margin:6rem 0;animation:.8s ease-out .8s backwards fadeInUp}.spotlight-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;margin-top:3rem;display:grid}.spotlight-card{cursor:pointer;color:inherit;background:#fff;border-radius:24px;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);display:block;overflow:hidden;box-shadow:0 20px 60px #0000001a}.spotlight-card:hover{transform:translateY(-12px);box-shadow:0 30px 80px #00000026}.spotlight-image{height:250px;position:relative;overflow:hidden}.spotlight-card.silver .spotlight-image{background:linear-gradient(135deg,var(--silver)0%,var(--silver-light)100%)}.spotlight-card.gold .spotlight-image{background:linear-gradient(135deg,var(--gold)0%,var(--gold-light)100%)}.spotlight-card.diamond .spotlight-image{background:linear-gradient(135deg,var(--diamond-dark)0%,var(--diamond)100%)}.spotlight-icon{opacity:.3;font-size:8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spotlight-content{padding:2rem}.spotlight-year{margin-bottom:.5rem;font-size:3rem;font-weight:700;line-height:1}.spotlight-card.silver .spotlight-year{color:gray}.spotlight-card.gold .spotlight-year{color:var(--gold)}.spotlight-card.diamond .spotlight-year{color:#0ea5e9}.spotlight-theme{color:var(--charcoal);margin-bottom:1rem;font-size:1.5rem;font-weight:600}.spotlight-description{color:var(--gray-600);margin-bottom:1.5rem;line-height:1.7}.spotlight-cta{background:var(--charcoal);color:#fff;border-radius:12px;align-items:center;gap:.5rem;padding:1rem 2rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.spotlight-cta:hover{background:var(--emerald);transform:translate(4px)}@media (max-width:1024px){.hero-title{font-size:3.5rem}.years-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}@media (max-width:768px){.hero{padding:4rem 1.5rem 1rem}.hero-title{font-size:2.5rem}.hero-subtitle{margin-bottom:1.5rem;font-size:1.05rem}.search-container{margin-bottom:.75rem}.filter-tabs{gap:.5rem;margin-bottom:1.5rem}.filter-tab{padding:.6rem 1.25rem;font-size:.85rem}.years-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-bottom:3rem}.year-card{padding:1.25rem}.year-number{margin-bottom:.375rem;font-size:3rem}.year-label{margin-bottom:.75rem}.year-themes{margin-bottom:0}.theme-row{flex-direction:column;align-items:flex-start;gap:.15rem;margin-bottom:.5rem}.theme-row:last-child{margin-bottom:0}.view-gifts-btn{display:none}.theme-label{margin-bottom:0;font-size:.65rem}.theme-value{font-size:.9rem;line-height:1.2}.milestone-badge{display:none}.milestone-spotlight{margin:3rem 0}.spotlight-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}.section-header{margin-bottom:1.5rem;font-size:2rem}.spotlight-image{height:200px}.spotlight-content{padding:1.5rem}.spotlight-year{margin-bottom:.375rem}.spotlight-theme{margin-bottom:.75rem}.spotlight-description{margin-bottom:1rem}}@media (min-width:769px) and (max-width:900px){.years-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}.year-card{padding:1.5rem}.theme-label{font-size:.65rem}.theme-value{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:.88rem;line-height:1.3}.year-number{font-size:3.25rem}}@media (max-width:360px){.years-grid{justify-content:center}.year-number{font-size:2.5rem}.year-card{padding:1.25rem}.theme-label{font-size:.6rem}.theme-value{font-size:.85rem}.year-label{font-size:.65rem}.view-gifts-btn{padding:.65rem 1.25rem;font-size:.85rem}}.dark .years-page{color:#e5e5e5;background:#1a1a1a}.dark .bg-decoration-1{background:radial-gradient(circle,var(--emerald)0%,transparent 70%);opacity:.05}.dark .bg-decoration-2{background:radial-gradient(circle,var(--gold)0%,transparent 70%);opacity:.05}.dark .hero-title{color:#e5e5e5}.dark .hero-subtitle{color:#a0a0a0}.dark .search-box{color:#e5e5e5;background:#2d2d2d;border-color:#404040}.dark .search-box:focus{border-color:var(--emerald);background:#3a3a3a}.dark .search-box::placeholder{color:#707070}.dark .autocomplete-results{background:#2d2d2d;box-shadow:0 20px 60px #00000080}.dark .autocomplete-item{border-bottom-color:#404040}.dark .autocomplete-item:hover{background:#10b98133}.dark .autocomplete-theme{color:#a0a0a0}.dark .filter-tab{color:#e5e5e5;background:#2d2d2d;border-color:#404040}.dark .filter-tab:hover{border-color:var(--emerald);color:var(--emerald);background:#3a3a3a}.dark .filter-tab.active{background:var(--emerald);border-color:var(--emerald);color:#fff}.dark .section-header{color:#e5e5e5}.dark .year-card{background:#2d2d2d;border-color:#404040}.dark .year-card:hover{border-color:var(--emerald);box-shadow:0 20px 60px #10b9814d}.dark .year-card .year-number{background:#2d2d2d}.dark .year-card .year-label{color:#a0a0a0;background:#2d2d2d}.dark .year-card .year-themes{background:#2d2d2d}.dark .year-card .theme-label{color:#a0a0a0}.dark .year-card .theme-value{color:#e5e5e5}.dark .year-card .view-gifts-btn{background:var(--emerald);color:#fff}.dark .year-card .view-gifts-btn:hover{background:var(--emerald-dark)}.dark .year-card.milestone{border-color:var(--gold);background:linear-gradient(135deg,#2d2d2d 0%,#d4af3726 100%)}.dark .year-card.milestone .year-number{text-shadow:-1px -1px #000c,1px -1px #000c,-1px 1px #000c,1px 1px #000c,0 0 3px #000000e6;background:0 0}.dark .year-card.milestone .year-label{color:#d0d0d0;text-shadow:-1px -1px #000c,1px -1px #000c,-1px 1px #000c,1px 1px #000c,0 0 3px #000000e6;background:0 0}.dark .year-card.milestone .year-themes{background:linear-gradient(135deg,#2d2d2dfa 0%,#3a3a3afa 100%)}.dark .year-card.milestone .theme-label{color:#a0a0a0}.dark .year-card.milestone .theme-value{color:#e5e5e5}.dark .spotlight-card{background:#2d2d2d}.dark .spotlight-theme{color:#e5e5e5}.dark .spotlight-description{color:#a0a0a0}.dark .spotlight-cta{background:#1a1a1a}.dark .spotlight-cta:hover{background:var(--emerald)}.dark .extended-badge{color:#e5e5e5;background:#3a3a3a}