.vignette-page{padding-bottom:80px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 80px)}.page-hero__desc{max-width:600px;margin:16px auto 0;font-size:.95rem;color:#ffffffd9;line-height:1.6;position:relative;z-index:1}.vignette__official-badge{display:inline-block;background:#ffffff26;color:#fff;padding:6px 14px;border-radius:20px;font-weight:700;margin-bottom:12px;font-size:.85rem;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vignette__notice{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FDE68A;padding:24px;border-radius:16px;margin-bottom:40px;box-shadow:0 4px 12px #fbbf241a}.vignette__notice-title{font-size:1.15rem;color:#92400e;margin:0 0 16px;display:flex;align-items:center;gap:10px;font-weight:700}.vignette__notice-title span{font-size:1.4rem}.vignette__notice-list{margin:0;padding-left:24px;color:#b45309;font-size:.95rem;line-height:1.6}.vignette__notice-list li{margin-bottom:8px}.vignette__notice-list li:last-child{margin-bottom:0}.vignette__section{margin-bottom:48px}.vignette__section-title{font-size:1.5rem;font-weight:800;color:var(--color-text);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid var(--color-border);position:relative}.vignette__section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background-color:var(--color-primary)}.vignette__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.vignette__card{position:relative;display:flex;align-items:center;padding:24px;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;text-decoration:none;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 24px #0000000a,0 1px 3px #00000005;transition:all .3s cubic-bezier(.25,.8,.25,1);gap:20px}.vignette__card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;background:linear-gradient(135deg,#fff6,#fff0);pointer-events:none}.vignette__card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000014,0 4px 8px #0000000a;border-color:#1e40af4d;background:#ffffffe6}.vignette__card--popular{background:linear-gradient(to right,#ffffffe6,#f0f9ffcc);border:1px solid rgba(56,189,248,.3)}.vignette__card--popular:hover{border-color:#38bdf8cc}.vignette__card-edge{position:absolute;right:0;top:0;bottom:0;width:24px;border-left:2px dashed rgba(0,0,0,.05);background:#00000003;border-top-right-radius:inherit;border-bottom-right-radius:inherit}.vignette__card-flag{font-size:3.5rem;line-height:1;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15));z-index:1}.vignette__card-content{flex:1;z-index:1;position:relative}.vignette__card-badge{position:absolute;top:-12px;right:-12px;background:#fef08a;color:#854d0e;font-size:.75rem;font-weight:800;padding:4px 8px;border-radius:12px;box-shadow:0 2px 4px #0000001a}.vignette__card-country{font-size:1.3rem;font-weight:800;color:var(--color-text);margin-bottom:8px;letter-spacing:-.02em}.vignette__card-link{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:700;color:var(--color-primary);opacity:.8;transition:opacity .2s ease}.vignette__card:hover .vignette__card-link{color:var(--color-accent);opacity:1}.vignette__card-link svg{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.vignette__card:hover .vignette__card-link svg{transform:translate(4px,-4px)}@media(max-width:768px){.vignette-page{padding-bottom:60px}.vignette__grid{grid-template-columns:1fr;gap:16px}.vignette__card{padding:20px;min-height:100px}.vignette__card-flag{font-size:3rem}.vignette__card-country{font-size:1.2rem}.vignette__notice{padding:20px;margin-bottom:32px}.vignette__section-title{font-size:1.3rem}}