.app-header{background:linear-gradient(135deg,#667eeaf2,#764ba2f2),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='M50 10 L60 30 L80 30 L65 45 L70 65 L50 50 L30 65 L35 45 L20 30 L40 30 Z' fill='rgba(255,255,255,0.08)' /%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 15 C40 15, 25 25, 25 35 C25 45, 40 55, 40 65 C40 55, 55 45, 55 35 C55 25, 40 15, 40 15 Z M40 30 C45 30, 48 33, 48 37 C48 41, 45 44, 40 44 C35 44, 32 41, 32 37 C32 33, 35 30, 40 30 Z' fill='rgba(255,255,255,0.1)' /%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='120' height='60' viewBox='0 0 120 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 30 L40 20 L60 30 L80 20 L100 30 M60 15 L75 25 L60 30 L75 35 M30 25 Q35 30 30 35' stroke='rgba(255,255,255,0.12)' fill='none' stroke-width='2' /%3E%3C/svg%3E");background-size:200px 200px,150px 150px,250px 120px;background-position:0 0,50px 50px,100px 30px;background-repeat:repeat;color:#fff;padding:1.5rem 2rem;box-shadow:0 8px 32px #667eea4d;position:relative;overflow:hidden;animation:backgroundMove 45s linear infinite}@keyframes backgroundMove{0%{background-position:0 0,50px 50px,100px 30px}to{background-position:200px 200px,250px 250px,350px 180px}}.app-header:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.08) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0%,transparent 60%);animation:pulseOverlay 15s ease-in-out infinite}@keyframes pulseOverlay{0%,to{opacity:.6}50%{opacity:1}}.app-header:after{content:"✈";position:absolute;font-size:150px;color:#ffffff1f;top:50%;left:-200px;transform:translateY(-50%) rotate(-15deg);animation:flyAcross 20s linear infinite;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2))}@keyframes flyAcross{0%{left:-200px;transform:translateY(-50%) rotate(-15deg) scale(1)}50%{transform:translateY(-50%) rotate(-12deg) scale(1.1)}to{left:calc(100% + 200px);transform:translateY(-50%) rotate(-15deg) scale(1)}}@keyframes pulse{0%,to{transform:translate(0) scale(1);opacity:.5}50%{transform:translate(-20px,20px) scale(1.1);opacity:.8}}.app-header{border-top:4px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.2)}.header-content{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.logo-container{cursor:pointer;display:inline-block;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;padding:1rem 1.5rem;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(255,255,255,.08) 0%,transparent 50%),#ffffff0d;border-radius:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px #fff3,0 10px 30px #0000001a}.logo-container:before{content:"🌍";position:absolute;top:-15px;right:-15px;font-size:40px;opacity:.2;transform:rotate(15deg);transition:all .5s ease;animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(15deg)}to{transform:rotate(375deg)}}.logo-container:hover:before{opacity:.4;transform:rotate(30deg) scale(1.2)}.logo-container:hover{transform:translateY(-8px) scale(1.05);background:#ffffff26;box-shadow:0 20px 60px #0000004d}.app-logo{height:80px;width:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));transition:filter .4s ease}.logo-container:hover .app-logo{filter:drop-shadow(0 8px 20px rgba(0,0,0,.3))}.travel-decoration{position:absolute;font-size:100px;opacity:.15;pointer-events:none;z-index:0;filter:drop-shadow(0 6px 12px rgba(0,0,0,.2));transition:opacity .3s ease}.travel-left{top:20%;left:5%;animation:float-left 10s ease-in-out infinite}.travel-right{top:30%;right:5%;animation:rotate-compass 15s linear infinite}.travel-bottom-left{bottom:20%;left:8%;animation:float-up 12s ease-in-out infinite}.travel-bottom-right{bottom:15%;right:8%;animation:wave 8s ease-in-out infinite}@keyframes float-left{0%,to{transform:translate(0) rotate(-5deg) scale(1);opacity:.15}50%{transform:translate(-25px,-30px) rotate(8deg) scale(1.1);opacity:.25}}@keyframes rotate-compass{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}@keyframes float-up{0%,to{transform:translateY(0) scale(1);opacity:.15}50%{transform:translateY(-35px) scale(1.12);opacity:.25}}@keyframes wave{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.15}25%{transform:translate(-15px) rotate(-5deg) scale(1.08);opacity:.22}75%{transform:translate(15px) rotate(5deg) scale(1.08);opacity:.22}}@media(max-width:768px){.app-header{padding:1.5rem 1rem}.app-logo{height:120px}.travel-decoration{font-size:50px;opacity:.05}.travel-left{left:2%}.travel-right{right:2%}.travel-bottom-left,.travel-bottom-right{display:none}}.continent-card{background:#fff;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden;border:1px solid rgba(102,126,234,.1)}.world-card.continent-card{border-radius:16.8px;padding:2.1rem 1.75rem}.continent-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.05),transparent);transition:left .5s ease;z-index:1}.continent-card:hover:before{left:100%}.continent-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #667eea33;border-color:#667eea4d}.continent-icon{font-size:5rem;margin-bottom:2rem;display:inline-block;transition:transform .4s ease;animation:bounce 2s ease-in-out infinite;position:relative;z-index:2}.continent-card:hover .continent-icon{transform:scale(1.1) rotate(5deg);animation:none}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.continent-name{font-family:Playfair Display,serif;font-size:1.85rem;font-weight:700;color:#1a202c;margin-bottom:2.5rem;letter-spacing:-.01em;line-height:1.2;position:relative;z-index:2}.continent-stats{display:flex;justify-content:space-between;gap:1.25rem;padding-top:1.5rem;margin-top:.5rem;border-top:1px solid rgba(102,126,234,.1);position:relative;z-index:2}.world-card .continent-stats{gap:.875rem;padding-top:1.05rem;margin-top:.35rem;border-top-width:.7px}.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex:1 1 0;min-width:0;padding:1rem .75rem;background:linear-gradient(135deg,#667eea0d,#764ba20d);border-radius:14px;transition:all .3s ease;text-align:center;overflow:hidden}.world-card .stat{padding:.7rem .525rem;border-radius:9.8px;border-width:.7px}.stat:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.05)}.stat-value{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em;text-align:center;width:100%}.stat-label{font-family:Inter,sans-serif;font-size:.75rem;color:#718096;margin-top:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;text-align:center;line-height:1.5;width:100%;display:block;word-break:keep-all;-webkit-hyphens:none;hyphens:none}.world-card .stat-label{margin-top:.525rem}@media(max-width:768px){.continent-card{padding:1.5rem}.continent-icon{font-size:3rem}.continent-name{font-size:1.25rem}.stat-value{font-size:1.5rem}.stat-label{font-size:.75rem}}.continents-page{max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem;position:relative}.page-header{text-align:center;margin-bottom:5rem;position:relative}.page-header:before{content:"";position:absolute;top:-25px;left:50%;transform:translate(-50%);width:80px;height:5px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 2px 8px #667eea4d}.page-header h1{font-family:Playfair Display,serif;font-size:1.2rem;font-weight:800;color:#1a202c;margin:1rem 0;letter-spacing:-.03em;line-height:1.1;background:linear-gradient(135deg,#1a202c,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-family:Crimson Text,serif;font-size:1.3rem;font-style:italic;color:#718096;max-width:600px;margin:0 auto;line-height:1.6}.continents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.world-card{grid-column:1 / -1;background:linear-gradient(135deg,#1e3a8a,#3b0764,#1e1b4b);position:relative;overflow:hidden;box-shadow:0 14px 42px #1e3a8a66,0 0 0 .7px #8b5cf64d,inset 0 .7px #ffffff1a;min-height:120px;border:1.4px solid transparent;background-clip:padding-box;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem!important;gap:2rem}.world-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.4px 1.4px at 20% 30%,white,transparent),radial-gradient(1.4px 1.4px at 60% 70%,white,transparent),radial-gradient(.7px .7px at 50% 50%,white,transparent),radial-gradient(.7px .7px at 80% 10%,white,transparent),radial-gradient(1.4px 1.4px at 90% 60%,white,transparent),radial-gradient(.7px .7px at 33% 80%,white,transparent),radial-gradient(.7px .7px at 15% 60%,white,transparent);background-size:200% 200%;background-position:0% 0%;animation:stars 60s ease-in-out infinite;opacity:.4;pointer-events:none}.world-card:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:175px;height:175px;background:radial-gradient(circle,rgba(139,92,246,.4) 0%,transparent 70%);border-radius:50%;animation:pulse 4s ease-in-out infinite;pointer-events:none}@keyframes stars{0%,to{background-position:0% 0%,10% 20%,20% 40%,30% 60%,40% 80%,50% 100%,60% 30%;opacity:.3}50%{background-position:100% 100%,90% 80%,80% 60%,70% 40%,60% 20%,50% 0%,40% 70%;opacity:.6}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.5}}.world-card>*:first-child:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(139,92,246,.1) 50%,transparent 70%);animation:aurora 8s linear infinite;pointer-events:none;z-index:1}@keyframes aurora{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.world-card:hover{transform:translateY(-5.6px) scale(1.01);box-shadow:0 21px 56px #1e3a8a80,0 0 0 .7px #8b5cf680,inset 0 .7px #fff3,0 0 42px #8b5cf64d}.world-card-left{display:flex;align-items:center;gap:1.5rem;flex-shrink:0;z-index:2;position:relative}.world-card-text{display:flex;flex-direction:column}.world-card .continent-name{color:#fff!important;font-size:1.5rem!important;text-shadow:0 1.4px 7px rgba(0,0,0,.3),0 0 21px rgba(139,92,246,.5);letter-spacing:.02em;position:relative;z-index:2;margin:0}.world-card .stat-value{color:#fff!important;background:none!important;-webkit-text-fill-color:white!important;font-size:2.1rem!important;text-shadow:0 1.4px 14px rgba(139,92,246,.6),0 0 28px rgba(255,255,255,.3);filter:drop-shadow(0 0 7px rgba(139,92,246,.8))}.world-card .stat-label{color:#fffffff2!important;text-shadow:0 .7px 2.1px rgba(0,0,0,.3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.world-card .stat{background:#ffffff1a!important;border:.7px solid rgba(139,92,246,.4)!important;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 5.6px 22.4px #0003,inset 0 .7px #ffffff1a;position:relative;z-index:2;transition:all .4s cubic-bezier(.4,0,.2,1)}.world-card .stat:before{content:"";position:absolute;inset:0;border-radius:9.8px;padding:.7px;background:linear-gradient(135deg,rgba(139,92,246,.5),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.world-card .stat:hover{background:#fff3!important;transform:scale(1.08) translateY(-2.1px);box-shadow:0 8.4px 28px #8b5cf666,inset 0 .7px #fff3}.world-card .stat:hover:before{opacity:1}.world-icon{font-size:4.2rem;margin-bottom:1.05rem;text-shadow:0 0 28px rgba(139,92,246,.8),0 0 56px rgba(139,92,246,.4),0 2.8px 14px rgba(0,0,0,.3);animation:float-icon 6s ease-in-out infinite;position:relative;z-index:2;filter:drop-shadow(0 0 14px rgba(255,255,255,.5));display:inline-block}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-10.5px) rotate(10deg) scale(1.05)}}.world-card:hover .world-icon{animation:spin-icon 2s ease-in-out infinite}@keyframes spin-icon{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}}@media(max-width:768px){.continents-page{padding:1rem}.page-header h1{font-size:1.5rem}.page-header p{font-size:.95rem}.continents-grid{grid-template-columns:1fr;gap:1.25rem}.world-card{flex-direction:column;padding:1.25rem!important;gap:1.25rem;min-height:auto}.world-card-left{flex-direction:column;text-align:center;gap:1rem;width:100%}.world-card-text{text-align:center}.world-icon{font-size:3rem;margin-bottom:.5rem}.world-card .continent-name{font-size:1.35rem}.world-card .stats-row{justify-content:center;gap:.75rem;flex-wrap:wrap;width:100%}.world-card .stat{flex:1;min-width:100px;max-width:140px}.world-card .stat-value{font-size:1.75rem!important}.world-card .stat-label{font-size:.65rem!important}}@media(max-width:480px){.continents-page{padding:.75rem}.page-header h1{font-size:1.35rem}.page-header p{font-size:.9rem}.continents-grid{gap:1rem}.world-card{padding:1rem!important;gap:1rem}.world-icon{font-size:2.5rem}.world-card .continent-name{font-size:1.25rem}.world-card .stats-row{flex-direction:column;gap:.75rem}.world-card .stat{width:100%;max-width:100%}.world-card .stat-value{font-size:2rem!important}.world-card .stat-label{font-size:.7rem!important}}.country-card{background:linear-gradient(135deg,#fff,#faf5ff);border-radius:32px;padding:2.5rem 2rem;box-shadow:0 8px 32px #667eea14,0 2px 8px #0000000a;cursor:pointer;transition:all .6s cubic-bezier(.34,1.56,.64,1);text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;border:3px solid transparent;background-clip:padding-box;transform-style:preserve-3d;perspective:1000px}.country-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;border-radius:32px;z-index:-1;opacity:0;animation:gradient-shift 8s ease infinite;transition:opacity .6s ease}.country-card:hover:before{opacity:1}.country-card:after{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(102,126,234,.4),transparent),radial-gradient(2px 2px at 60% 70%,rgba(118,75,162,.4),transparent),radial-gradient(3px 3px at 50% 50%,rgba(240,147,251,.3),transparent),radial-gradient(2px 2px at 80% 10%,rgba(79,172,254,.4),transparent),radial-gradient(2px 2px at 90% 60%,rgba(102,126,234,.3),transparent),radial-gradient(1px 1px at 33% 80%,rgba(118,75,162,.4),transparent),radial-gradient(2px 2px at 15% 60%,rgba(102,126,234,.3),transparent);background-size:200% 200%;animation:particle-float 20s linear infinite;opacity:0;transition:opacity .6s ease;z-index:0;pointer-events:none}.country-card:hover:after{opacity:1}.country-card:hover{transform:translateY(-24px) scale(1.06) rotateX(2deg);box-shadow:0 32px 80px #667eea40,0 16px 40px #764ba233,0 8px 16px #f093fb26,inset 0 2px #fff;background:linear-gradient(135deg,#fff,#f5f3ff)}.country-flag{font-size:7rem;margin-bottom:.25rem;line-height:1;display:inline-block;transition:all .7s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:2;filter:drop-shadow(0 10px 20px rgba(102,126,234,.15));animation:flag-bounce 3s ease-in-out infinite}@keyframes flag-bounce{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-8px) scale(1.03) rotate(-3deg)}50%{transform:translateY(-15px) scale(1.05) rotate(0)}75%{transform:translateY(-8px) scale(1.03) rotate(3deg)}}.country-card:hover .country-flag{transform:scale(1.35) rotateY(360deg);filter:drop-shadow(0 20px 40px rgba(118,75,162,.4));animation:flag-spin 1s ease-in-out}@keyframes flag-spin{0%{transform:scale(1) rotateY(0)}50%{transform:scale(1.35) rotateY(180deg)}to{transform:scale(1.35) rotateY(360deg)}}.country-name{font-family:Playfair Display,serif;font-size:1.85rem;font-weight:900;color:#1a202c;margin-bottom:8rem;min-height:3rem;display:flex;align-items:center;letter-spacing:-.03em;line-height:1.15;position:relative;z-index:3;transition:all .5s cubic-bezier(.34,1.56,.64,1);text-shadow:0 2px 4px rgba(0,0,0,.02)}.country-card:hover .country-name{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.08) translateY(-12px);text-shadow:0 4px 12px rgba(102,126,234,.3);animation:gradient-text-flow 3s ease infinite}.country-info{width:100%;display:flex;flex-direction:column;gap:1rem;align-items:center;position:relative;z-index:2}.cities-count{display:flex;flex-direction:column;align-items:center;padding:2rem 3rem;background:linear-gradient(135deg,#667eea0f,#764ba20f);border-radius:24px;transition:all .6s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(102,126,234,.15);position:relative;overflow:hidden;min-width:160px;box-shadow:0 4px 16px #667eea14}.cities-count:before{content:"";position:absolute;inset:-20px;background:radial-gradient(circle,rgba(102,126,234,.3) 0%,transparent 70%);opacity:0;animation:pulse-glow 2s ease-in-out infinite;transition:opacity .5s ease}@keyframes pulse-glow{0%,to{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:.5}}.country-card:hover .cities-count{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.2) translateY(0);border-color:transparent;box-shadow:0 20px 40px #667eea59,0 0 60px #764ba240,inset 0 1px #ffffff80}.country-card:hover .cities-count:before{opacity:1}.count-value{font-family:Playfair Display,serif;font-size:3rem;font-weight:900;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.04em;filter:drop-shadow(0 3px 6px rgba(102,126,234,.15));transition:all .5s cubic-bezier(.34,1.56,.64,1)}.country-card:hover .count-value{color:#fff;background:none;-webkit-text-fill-color:white;transform:scale(1.25);filter:drop-shadow(0 6px 12px rgba(0,0,0,.3));text-shadow:0 0 20px rgba(255,255,255,.8),0 0 40px rgba(240,147,251,.6)}.count-label{font-family:Inter,sans-serif;font-size:.8rem;color:#718096;margin-top:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.country-card:hover .count-label{color:#fff;transform:scale(1.1);text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.15em}@media(max-width:768px){.country-card{padding:2.5rem 2rem;border-radius:24px}.country-flag{font-size:5rem;margin-bottom:.25rem}.country-name{font-size:1.5rem;min-height:2.5rem;margin-bottom:5rem}.cities-count{padding:1.5rem 2.5rem;min-width:140px}.count-value{font-size:2.5rem}.count-label{font-size:.75rem}.country-card:hover{transform:translateY(-12px) scale(1.03)}.country-card:hover .country-flag{transform:scale(1.2) rotateY(180deg)}}.breadcrumb{display:flex;align-items:center;gap:.5rem;padding:1rem 0;font-size:.95rem}.breadcrumb-link{background:none;border:none;color:#3498db;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;font-size:.95rem}.breadcrumb-link:hover{background-color:#e8f4f8;text-decoration:underline}.breadcrumb-separator{color:#7f8c8d;font-size:1.2rem;-webkit-user-select:none;user-select:none}.breadcrumb-current{color:#2c3e50;font-weight:600}@media(max-width:768px){.breadcrumb{font-size:.85rem;padding:.75rem 0;flex-wrap:wrap}.breadcrumb-link{font-size:.85rem}}.countries-page{max-width:1500px;margin:0 auto;padding:3rem 2rem 6rem;position:relative;min-height:100vh;overflow-x:hidden}.countries-page:before{content:"";position:fixed;inset:-50%;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(240,147,251,.05) 0%,transparent 50%);animation:background-drift 25s ease-in-out infinite;z-index:-2;pointer-events:none}.countries-page:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 15% 15%,rgba(102,126,234,.15) 0%,transparent 25%),radial-gradient(circle at 85% 25%,rgba(240,147,251,.12) 0%,transparent 20%),radial-gradient(circle at 25% 75%,rgba(79,172,254,.1) 0%,transparent 22%),radial-gradient(circle at 75% 85%,rgba(118,75,162,.13) 0%,transparent 23%);animation:orb-float 30s ease-in-out infinite;z-index:-1;pointer-events:none}.page-header{text-align:center;margin-bottom:4rem;position:relative;padding-top:2rem}.page-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:150px;height:5px;background:linear-gradient(90deg,transparent,#667eea,#764ba2,#f093fb,#4facfe,#667eea,transparent);background-size:200% 100%;border-radius:3px;box-shadow:0 0 20px #667eea80,0 4px 12px #764ba24d;animation:line-glow 3s ease-in-out infinite}@keyframes line-glow{0%,to{background-position:0% center;box-shadow:0 0 20px #667eea80,0 4px 12px #764ba24d}50%{background-position:100% center;box-shadow:0 0 40px #f093fbb3,0 6px 20px #4facfe80}}.header-icon{font-size:5rem;margin-bottom:1.5rem;display:inline-block;animation:icon-dance 8s ease-in-out infinite;filter:drop-shadow(0 10px 25px rgba(102,126,234,.25));position:relative}@keyframes icon-dance{0%,to{transform:translateY(0) rotate(0) scale(1)}20%{transform:translateY(-15px) rotate(-5deg) scale(1.05)}40%{transform:translateY(-8px) rotate(3deg) scale(1.02)}60%{transform:translateY(-20px) rotate(-2deg) scale(1.08)}80%{transform:translateY(-12px) rotate(4deg) scale(1.03)}}.page-header h1{font-family:Playfair Display,serif;font-size:3.5rem;color:#1a202c;margin:0 0 1.5rem;font-weight:900;letter-spacing:-.04em;line-height:1.1;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{font-family:Crimson Text,serif;font-size:1.4rem;font-style:italic;color:#718096;line-height:1.6;max-width:600px;margin:0 auto}.back-button-container{margin-bottom:3rem;display:flex;justify-content:flex-start}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem;position:relative;z-index:1;perspective:1000px}.country-card{animation:card-entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}.country-card:nth-child(1){animation-delay:.1s}.country-card:nth-child(2){animation-delay:.15s}.country-card:nth-child(3){animation-delay:.2s}.country-card:nth-child(4){animation-delay:.25s}.country-card:nth-child(5){animation-delay:.3s}.country-card:nth-child(6){animation-delay:.35s}.country-card:nth-child(7){animation-delay:.4s}.country-card:nth-child(8){animation-delay:.45s}.country-card:nth-child(9){animation-delay:.5s}.country-card:nth-child(10){animation-delay:.55s}.country-card:nth-child(n+11){animation-delay:.6s}.error-message{text-align:center;padding:4rem 2rem;background:linear-gradient(135deg,#e74c3c0f,#e74c3c05);border-radius:28px;border:3px solid rgba(231,76,60,.15);box-shadow:0 12px 40px #e74c3c1f;position:relative;overflow:hidden}.error-message:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(231,76,60,.05) 0%,transparent 70%);animation:error-pulse 2s ease-in-out infinite}@keyframes error-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.error-message p{font-family:Playfair Display,serif;font-size:1.6rem;color:#e74c3c;margin-bottom:2rem;font-weight:800;position:relative;z-index:1}.error-message button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1.1rem 2.5rem;border-radius:16px;cursor:pointer;font-size:1.1rem;font-weight:700;font-family:Inter,sans-serif;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #667eea59,0 0 60px #764ba233;position:relative;z-index:1}.error-message button:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 16px 45px #667eea73,0 0 80px #f093fb4d}@media(max-width:1200px){.countries-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2.5rem}}@media(max-width:768px){.countries-page{padding:2rem 1rem 4rem}.page-header:before{width:100px;height:4px}.header-icon{font-size:3.5rem;margin-bottom:1rem}.page-header h1{font-size:2rem}.page-header p{font-size:1.1rem}.back-button{padding:.75rem 1.5rem;font-size:.95rem}.countries-grid{grid-template-columns:1fr;gap:2rem}.error-message{padding:3rem 1.5rem}.error-message p{font-size:1.3rem}.error-message button{padding:.9rem 2rem;font-size:1rem}}@media(max-width:480px){.countries-page{padding:1.5rem .75rem 3rem}.page-header h1{font-size:1.65rem}.countries-grid{gap:1.5rem}}.photo-gallery{background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 6px #0000001a}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.gallery-header h3{margin:0;color:#2c3e50;font-size:1.25rem}.upload-button{background:#3498db;color:#fff;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s}.upload-button:hover{background:#2980b9}.error-message{background:#f8d7da;color:#721c24;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.gallery-item{position:relative;aspect-ratio:4/3;border-radius:8px;overflow:hidden;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:transform .2s}.gallery-item:hover{transform:scale(1.02)}.gallery-item img{width:100%;height:100%;object-fit:cover}.remove-button{position:absolute;top:.5rem;right:.5rem;background:#000000b3;color:#fff;border:none;width:2rem;height:2rem;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.gallery-item:hover .remove-button{opacity:1}.remove-button:hover{background:#f00c}.no-photos{text-align:center;padding:3rem 1rem;color:#7f8c8d}.no-photos p{margin:0}.photo-modal{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{position:relative;max-width:90vw;max-height:90vh}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain}.modal-close{position:absolute;top:-3rem;right:0;background:#fff3;color:#fff;border:none;width:3rem;height:3rem;border-radius:50%;font-size:2rem;cursor:pointer;transition:background-color .2s}.modal-close:hover{background:#ffffff4d}@media(max-width:768px){.photo-gallery{padding:1rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.remove-button{opacity:1}}.blog-post-editor{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 12px #00000014;margin:24px 0;animation:fadeIn .3s ease-in}.editor-header{margin-bottom:32px;border-bottom:2px solid #f0f0f0;padding-bottom:16px}.editor-header h2{margin:0 0 8px;color:#1a1a1a;font-size:28px;font-weight:600}.editor-stats{display:flex;gap:12px;color:#666;font-size:14px}.editor-stats span{color:#999}.editor-form{display:flex;flex-direction:column;gap:28px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#333;font-size:15px}.form-hint{color:#666;font-size:13px;font-style:italic}.title-input{font-size:24px;padding:16px;border:2px solid #e0e0e0;border-radius:8px;font-weight:500;transition:all .2s;font-family:inherit}.title-input:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.title-input::placeholder{color:#bbb;font-weight:400}.content-textarea{font-size:16px;line-height:1.8;padding:20px;border:2px solid #e0e0e0;border-radius:8px;resize:vertical;min-height:400px;font-family:inherit;transition:all .2s}.content-textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.content-textarea::placeholder{color:#bbb;line-height:1.8}.tags-input-container{display:flex;flex-direction:column;gap:12px}.tags-list{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;animation:tagPop .2s ease-out}@keyframes tagPop{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.tag-remove{background:#fff3;border:none;color:#fff;width:18px;height:18px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1;padding:0;transition:all .2s}.tag-remove:hover{background:#ffffff4d;transform:scale(1.1)}.tags-input-container input[type=text]{padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all .2s}.tags-input-container input[type=text]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.add-tag-btn{align-self:flex-start;padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.add-tag-btn:hover{background:#ebebeb;border-color:#ccc}input[type=date]{padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s;max-width:200px}input[type=date]:focus{outline:none;border-color:#4caf50;box-shadow:0 0 0 3px #4caf501a}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:400;color:#555}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.char-count{align-self:flex-end;font-size:12px;color:#999;margin-top:-4px}.editor-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:16px;padding-top:24px;border-top:2px solid #f0f0f0}.btn-cancel,.btn-save{padding:14px 32px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#ebebeb}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea66}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea80}.btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-save:disabled:hover{transform:none;box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.blog-post-editor{padding:20px}.editor-header h2{font-size:24px}.title-input{font-size:20px;padding:12px}.content-textarea{font-size:15px;min-height:300px}.editor-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.cities-page{max-width:1500px;margin:0 auto;padding:3rem 2rem 6rem;position:relative;min-height:100vh;overflow-x:hidden}.cities-page:before{content:"";position:fixed;inset:-50%;background:radial-gradient(ellipse at 20% 20%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(118,75,162,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(240,147,251,.05) 0%,transparent 50%);animation:background-drift 25s ease-in-out infinite;z-index:-2;pointer-events:none}@keyframes background-drift{0%,to{transform:translate(0) rotate(0) scale(1);opacity:.6}33%{transform:translate(5%,5%) rotate(120deg) scale(1.1);opacity:.8}66%{transform:translate(-5%,5%) rotate(240deg) scale(1.05);opacity:.7}}.cities-page:after{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 15% 15%,rgba(102,126,234,.15) 0%,transparent 25%),radial-gradient(circle at 85% 25%,rgba(240,147,251,.12) 0%,transparent 20%),radial-gradient(circle at 25% 75%,rgba(79,172,254,.1) 0%,transparent 22%),radial-gradient(circle at 75% 85%,rgba(118,75,162,.13) 0%,transparent 23%);animation:orb-float 30s ease-in-out infinite;z-index:-1;pointer-events:none}@keyframes orb-float{0%,to{transform:translate(0);opacity:.4}25%{transform:translate(3%,-3%);opacity:.6}50%{transform:translate(-2%,4%);opacity:.5}75%{transform:translate(4%,2%);opacity:.7}}.page-header{text-align:center;margin-bottom:4.5rem;position:relative}.page-header:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:80px;height:5px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px;box-shadow:0 2px 8px #667eea4d}.header-flag{font-size:5.5rem;margin-bottom:2rem;display:inline-block;animation:gentle-float 3s ease-in-out infinite}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.page-header h1{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;color:#1a202c;margin:0 0 1.5rem;letter-spacing:-.03em;line-height:1.1}.page-header p{font-family:Crimson Text,serif;font-size:1.3rem;font-style:italic;color:#718096;max-width:720px;margin:0 auto;line-height:1.7}.action-buttons-container{display:flex;justify-content:flex-end;align-items:center;margin-bottom:3rem;gap:1.5rem;flex-wrap:wrap;position:relative;z-index:1}.back-button{background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid rgba(102,126,234,.15);padding:.9rem 1.8rem;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:600;color:#667eea;transition:all .4s cubic-bezier(.34,1.56,.64,1);font-family:Inter,sans-serif;letter-spacing:.02em;position:relative;overflow:hidden}.back-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba226);opacity:0;transition:opacity .4s ease}.back-button:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea4d;transform:translate(-8px);box-shadow:0 8px 24px #667eea26;color:#764ba2}.back-button:hover:before{opacity:1}.create-story-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2rem;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:700;font-family:Inter,sans-serif;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #667eea59,0 0 60px #764ba233;position:relative;overflow:hidden}.create-story-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c8ef7,#8b5bb8);opacity:0;transition:opacity .4s ease}.create-story-button:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 16px 45px #667eea73,0 0 80px #f093fb4d}.create-story-button:hover:before{opacity:1}.cities-list{display:flex;flex-direction:column;gap:3rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:3rem;margin-bottom:3rem;position:relative;z-index:1;perspective:1000px}.story-card{background:linear-gradient(135deg,#fff,#faf5ff);border-radius:28px;padding:2.5rem;box-shadow:0 8px 32px #667eea14,0 2px 8px #0000000a;cursor:pointer;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column;gap:1.5rem;position:relative;overflow:hidden;border:3px solid transparent;background-clip:padding-box;transform-style:preserve-3d;perspective:1000px;animation:card-entrance .8s cubic-bezier(.34,1.56,.64,1) backwards}.story-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;border-radius:28px;z-index:-1;opacity:0;animation:gradient-shift 8s ease infinite;transition:opacity .6s ease}.story-card:hover:before{opacity:1}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.story-card:after{content:"";position:absolute;width:200%;height:200%;top:-50%;left:-50%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(102,126,234,.4),transparent),radial-gradient(2px 2px at 60% 70%,rgba(118,75,162,.4),transparent),radial-gradient(3px 3px at 50% 50%,rgba(240,147,251,.3),transparent),radial-gradient(2px 2px at 80% 10%,rgba(79,172,254,.4),transparent),radial-gradient(2px 2px at 90% 60%,rgba(102,126,234,.3),transparent);background-size:200% 200%;animation:particle-float 20s linear infinite;opacity:0;transition:opacity .6s ease;z-index:0;pointer-events:none}.story-card:hover:after{opacity:1}@keyframes particle-float{0%{transform:translate(0) rotate(0)}to{transform:translate(50%,50%) rotate(360deg)}}.story-card:hover{transform:translateY(-20px) scale(1.05) rotateX(2deg);box-shadow:0 28px 70px #667eea40,0 14px 35px #764ba233,0 7px 14px #f093fb26,inset 0 2px #fff;background:linear-gradient(135deg,#fff,#f5f3ff)}.story-card:nth-child(1){animation-delay:.1s}.story-card:nth-child(2){animation-delay:.15s}.story-card:nth-child(3){animation-delay:.2s}.story-card:nth-child(4){animation-delay:.25s}.story-card:nth-child(5){animation-delay:.3s}.story-card:nth-child(6){animation-delay:.35s}.story-card:nth-child(7){animation-delay:.4s}.story-card:nth-child(8){animation-delay:.45s}.story-card:nth-child(9){animation-delay:.5s}.story-card:nth-child(10){animation-delay:.55s}.story-card:nth-child(n+11){animation-delay:.6s}@keyframes card-entrance{0%{opacity:0;transform:translateY(60px) scale(.8) rotateX(-15deg)}60%{opacity:.8;transform:translateY(-10px) scale(1.05) rotateX(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0)}}.story-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;position:relative;z-index:2}.story-card-header h3{font-family:Playfair Display,serif;font-size:1.6rem;color:#1a202c;margin:0;font-weight:700;line-height:1.3;flex:1;letter-spacing:-.01em;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}.story-card:hover .story-card-header h3{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.06) translateY(-2px);animation:gradient-text-flow 3s ease infinite}@keyframes gradient-text-flow{0%,to{background-position:0% center}50%{background-position:100% center}}.draft-badge-small{background:#fff3cd;color:#856404;padding:2px 8px;border-radius:8px;font-weight:500;font-size:.75rem;white-space:nowrap;flex-shrink:0}.story-card-tags{display:flex;flex-wrap:wrap;gap:6px;position:relative;z-index:2}.story-card-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500;transition:all .3s ease;box-shadow:0 2px 6px #667eea33}.story-card:hover .story-card-tag{transform:translateY(-2px);box-shadow:0 4px 10px #667eea66}.story-card-tag-more{background:#e0e0e0;color:#666;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.story-card-preview{font-family:Crimson Text,serif;color:#4a5568;font-size:1.1rem;line-height:1.8;margin:0;flex:1;position:relative;padding-left:1.25rem;border-left:3px solid rgba(102,126,234,.25);font-style:italic;z-index:2;transition:all .4s ease}.story-card:hover .story-card-preview{border-left-color:#764ba280}.story-card-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.9rem;color:#718096;padding-top:1rem;margin-top:.5rem;border-top:1px solid rgba(102,126,234,.1);position:relative;z-index:2}.story-card-date,.story-card-read-time{display:flex;align-items:center;gap:4px}.story-card-footer{display:flex;justify-content:flex-end;position:relative;z-index:2}.read-more-link{font-family:Inter,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;font-size:.95rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;display:inline-block}.read-more-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 8px #667eea66}.story-card:hover .read-more-link{transform:translate(8px) scale(1.1)}.story-card:hover .read-more-link:after{width:100%}.full-story-view{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-to-stories-button{background:linear-gradient(135deg,#667eea14,#764ba214);border:2px solid rgba(102,126,234,.15);padding:.9rem 1.8rem;border-radius:14px;cursor:pointer;font-size:1rem;font-weight:600;color:#667eea;transition:all .4s cubic-bezier(.34,1.56,.64,1);font-family:Inter,sans-serif;letter-spacing:.02em;margin-bottom:2rem;position:relative;overflow:hidden}.back-to-stories-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba226);opacity:0;transition:opacity .4s ease}.back-to-stories-button:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea4d;transform:translate(-10px) scale(1.02);box-shadow:0 8px 24px #667eea26;color:#764ba2}.back-to-stories-button:hover:before{opacity:1}.city-detail-card{background:linear-gradient(135deg,#fff,#faf5ff,#fff);border-radius:32px;padding:4rem 3.5rem;box-shadow:0 20px 60px #667eea1f,0 8px 24px #764ba214,inset 0 1px #ffffffe6;border:3px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;animation:card-slide-in .6s cubic-bezier(.34,1.56,.64,1)}@keyframes card-slide-in{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.city-detail-card:before{content:"";position:absolute;inset:-3px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#4facfe,#667eea);background-size:400% 400%;border-radius:32px;z-index:-1;animation:gradient-shift 8s ease infinite}.city-detail-card:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(240,147,251,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(118,75,162,.02) 0%,transparent 60%);z-index:0;pointer-events:none}.city-header{display:flex;flex-direction:column;margin-bottom:3rem;gap:1.5rem;padding-bottom:2.5rem;border-bottom:3px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#667eea,#764ba2,#f093fb) border-box;border-radius:0;position:relative;z-index:1}.city-header h2{font-family:Playfair Display,serif;font-size:3.5rem;background:linear-gradient(135deg,#1a202c,#667eea 60%,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;font-weight:900;line-height:1.15;letter-spacing:-.04em;position:relative;z-index:1;animation:title-glow 3s ease-in-out infinite}@keyframes title-glow{0%,to{filter:drop-shadow(0 2px 8px rgba(102,126,234,.2))}50%{filter:drop-shadow(0 4px 16px rgba(118,75,162,.4))}}.city-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.95rem;color:#718096;font-weight:500;position:relative;z-index:1}.publish-date,.word-count{display:flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:16px;transition:all .4s cubic-bezier(.34,1.56,.64,1);border:2px solid rgba(102,126,234,.12);font-weight:600;position:relative;overflow:hidden}.publish-date:before,.word-count:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#667eea26,#764ba226);opacity:0;transition:opacity .4s ease}.publish-date:hover,.word-count:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);border-color:#667eea40;color:#667eea;transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #667eea33}.publish-date:hover:before,.word-count:hover:before{opacity:1}.draft-badge{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#6c5100;padding:10px 18px;border-radius:16px;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px #fdcb6e66;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;border:2px solid rgba(253,203,110,.3)}.draft-badge:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fd9,#fdb45e);opacity:0;transition:opacity .3s ease}.draft-badge:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 8px 20px #fdcb6e80;border-color:#fdcb6e80}.draft-badge:hover:before{opacity:1}.blog-tags{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2.5rem;padding:1.5rem 0;position:relative;z-index:1}.blog-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:24px;font-size:.9rem;font-weight:700;box-shadow:0 4px 12px #667eea4d;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;border:2px solid transparent}.blog-tag:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c8ef7,#8b5bb8);opacity:0;transition:opacity .3s ease}.blog-tag:hover{transform:translateY(-6px) scale(1.1);box-shadow:0 8px 24px #667eea80;border-color:#ffffff4d}.blog-tag:hover:before{opacity:1}.blog-content{margin-bottom:3rem;position:relative;z-index:1}.blog-text{font-family:Crimson Text,serif;color:#2d3748;font-size:1.35rem;line-height:2;margin:0 0 2.5rem;white-space:pre-wrap;letter-spacing:.015em;word-spacing:.03em;max-width:100%;overflow-wrap:break-word;word-wrap:break-word;text-align:justify;-webkit-hyphens:auto;hyphens:auto;position:relative;z-index:1}.blog-text:first-line{font-size:1.65rem;font-weight:700;background:linear-gradient(135deg,#1a202c,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.01em}.city-detail-card .blog-content{padding:3rem 2.5rem;background:linear-gradient(to bottom right,#fafafacc,#ffffffe6,#f5f3ffcc);border-radius:24px;border-left:6px solid transparent;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-origin:padding-box,border-box;background-clip:padding-box,border-box;margin-bottom:3rem;box-shadow:0 12px 40px #667eea14,inset 0 1px #fffc;position:relative;overflow:hidden}.city-detail-card .blog-content:before{content:'"';position:absolute;top:1rem;left:1rem;font-family:Playfair Display,serif;font-size:8rem;color:#667eea14;font-weight:900;line-height:1;z-index:0;pointer-events:none}.city-detail-card .blog-content:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(102,126,234,.03) 50%,transparent 70%);animation:shimmer 6s ease-in-out infinite;pointer-events:none}@keyframes shimmer{0%,to{transform:translate(-25%,-25%) rotate(0)}50%{transform:translate(25%,25%) rotate(180deg)}}.edit-blog-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 32px;border-radius:16px;cursor:pointer;font-size:1.05rem;font-weight:700;transition:all .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #667eea59,0 0 60px #764ba233;margin-top:1rem;display:inline-flex;align-items:center;gap:10px;font-family:Inter,sans-serif;position:relative;overflow:hidden;z-index:1}.edit-blog-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#7c8ef7,#8b5bb8);opacity:0;transition:opacity .4s ease;z-index:-1}.edit-blog-button:hover{transform:translateY(-8px) scale(1.05);box-shadow:0 16px 45px #667eea80,0 0 80px #f093fb4d}.edit-blog-button:hover:before{opacity:1}.edit-blog-button:active{transform:translateY(-4px) scale(1.02)}.city-description-section{margin-bottom:2rem}.description-display{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.description-display p{flex:1;color:#555;font-size:1rem;line-height:1.6;margin:0;min-width:250px}.edit-button{background:#ecf0f1;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:#2c3e50;transition:background-color .2s;white-space:nowrap}.edit-button:hover{background:#bdc3c7}.edit-description{display:flex;flex-direction:column;gap:1rem}.edit-description textarea{width:100%;padding:.75rem;border:2px solid #bdc3c7;border-radius:6px;font-size:1rem;font-family:inherit;line-height:1.6;resize:vertical;min-height:100px}.edit-description textarea:focus{outline:none;border-color:#3498db}.edit-actions{display:flex;gap:1rem;align-items:center}.save-button{background:#27ae60;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s}.save-button:hover{background:#229954}.cancel-button{background:#e74c3c;color:#fff;border:none;padding:.5rem 1.5rem;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background-color .2s}.cancel-button:hover{background:#c0392b}.char-count{font-size:.85rem;color:#7f8c8d;margin-left:auto}.error-message{text-align:center;padding:3rem 1rem}.error-message p{font-size:1.25rem;color:#e74c3c;margin-bottom:1rem}.error-message button{background:#3498db;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem}.error-message button:hover{background:#2980b9}@media(max-width:1024px)and (min-width:769px){.city-detail-card{padding:2rem}.city-header h2{font-size:2rem}.blog-text{font-size:1.0625rem}}@media(max-width:768px){.cities-page{padding:2rem 1rem 4rem}.header-flag{font-size:3rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:1rem}.stories-grid{grid-template-columns:1fr;gap:2rem}.story-card{padding:1.75rem;border-radius:20px}.story-card:hover{transform:translateY(-12px) scale(1.03)}.story-card-header h3{font-size:1.35rem}.create-story-button,.back-button,.back-to-stories-button{padding:.75rem 1.5rem;font-size:.95rem}.city-detail-card{padding:2rem 1.5rem;border-radius:24px}.city-header{flex-direction:column;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem}.city-header h2{font-size:2rem;letter-spacing:-.02em}.blog-text{font-size:1.15rem;line-height:1.85;letter-spacing:.01em;text-align:left}.blog-text:first-line{font-size:1.3rem}.city-detail-card .blog-content{padding:2rem 1.5rem;margin-bottom:2rem;border-radius:20px}.city-detail-card .blog-content:before{font-size:6rem;top:.5rem;left:.5rem}.publish-date,.word-count{padding:8px 14px;font-size:.85rem}.blog-tag{padding:8px 16px;font-size:.85rem}.edit-blog-button{padding:14px 24px;font-size:.95rem}.description-display{flex-direction:column}.description-display p{min-width:100%}.edit-actions{flex-wrap:wrap}}.world-page{max-width:1200px;margin:0 auto;padding:4rem 2rem 5rem}.world-header{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:4rem;padding:1.5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid rgba(102,126,234,.1);min-height:120px}.world-title-section{display:flex;align-items:center;gap:1.5rem;flex-shrink:0}.world-logo{height:80px;width:auto}.world-title-text{display:flex;flex-direction:column;gap:.25rem}.world-header h1{font-family:Playfair Display,serif;font-size:1.85rem;margin:0;color:#1a202c;font-weight:800;letter-spacing:-.02em;line-height:1.2}.world-header p{font-family:Crimson Text,serif;font-size:1rem;font-style:italic;color:#718096;margin:0;font-weight:400}.world-stats{display:flex;gap:1.5rem;flex-shrink:0}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.25rem 2rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 16px #667eea4d;transition:all .4s cubic-bezier(.4,0,.2,1);min-width:140px}.stat-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 24px #667eea66}.stat-number{font-family:Playfair Display,serif;font-size:2.5rem;font-weight:800;line-height:1;letter-spacing:-.02em}.stat-label{font-family:Inter,sans-serif;font-size:.75rem;opacity:.95;margin-top:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.countries-list{display:flex;flex-direction:column;gap:3rem}.country-section{background:#fff;border-radius:24px;padding:3rem 2.5rem;box-shadow:0 4px 20px #00000014;border:1px solid rgba(102,126,234,.08);transition:all .4s cubic-bezier(.4,0,.2,1)}.country-section:hover{transform:translateY(-6px);box-shadow:0 12px 40px #667eea26;border-color:#667eea33}.country-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:2px solid rgba(102,126,234,.1)}.country-flag{font-size:3rem}.country-name{font-family:Playfair Display,serif;font-size:2.2rem;margin:0;color:#1a202c;font-weight:800;letter-spacing:-.02em;line-height:1.2;flex-grow:1}.continent-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.6rem 1.5rem;border-radius:24px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #667eea40;transition:all .3s ease}.continent-badge:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #667eea66}.cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.city-item{background:linear-gradient(to bottom,#fafafa,#fff);border-radius:16px;padding:1.75rem 1.5rem;border-left:5px solid #667eea;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000d;cursor:pointer}.city-item:hover{background:linear-gradient(to bottom,#f5f5f5,#fff);border-left-color:#764ba2;transform:translate(6px) translateY(-2px);box-shadow:0 6px 20px #667eea1f}.city-info{margin-bottom:1rem}.city-name{font-family:Playfair Display,serif;font-size:1.35rem;margin:0 0 .75rem;color:#1a202c;font-weight:700;letter-spacing:-.01em;line-height:1.3}.city-description{font-family:Inter,sans-serif;font-size:1rem;color:#718096;margin:0;line-height:1.7;font-weight:400}@media(max-width:1024px)and (min-width:769px){.country-section{padding:1.75rem}.country-name{font-size:1.6rem}}@media(max-width:768px){.world-page{padding:1rem}.world-header{flex-direction:column;padding:1.25rem;gap:1.25rem;min-height:auto}.world-title-section{flex-direction:column;text-align:center;gap:1rem;width:100%}.world-title-text{text-align:center}.world-header h1{font-size:1.5rem}.world-header p{font-size:.9rem}.world-logo{height:60px}.world-stats{width:100%;justify-content:center;gap:.75rem;flex-wrap:wrap}.stat-card{padding:1rem 1.25rem;min-width:110px;flex:1;max-width:150px}.stat-number{font-size:1.75rem}.stat-label{font-size:.65rem;line-height:1.2}.country-section{padding:1.25rem;border-radius:12px}.country-header{flex-wrap:wrap;padding-bottom:1rem;gap:1rem}.country-name{font-size:1.35rem;width:100%}.country-flag{font-size:2rem}.continent-badge{font-size:.75rem;padding:.4rem 1rem}.cities-grid{grid-template-columns:1fr;gap:1rem}.city-item{padding:1rem}.city-name{font-size:1.1rem}.city-description{font-size:.9rem}}@media(max-width:480px){.world-page{padding:.75rem}.world-header{padding:1rem;gap:1rem}.world-header h1{font-size:1.35rem}.world-header p{font-size:.85rem}.world-logo{height:50px}.world-stats{flex-direction:column;gap:.75rem}.stat-card{width:100%;max-width:100%;padding:.875rem 1rem}.stat-number{font-size:2rem}.stat-label{font-size:.7rem}.country-section{padding:1rem}.country-header{gap:.75rem}.country-name{font-size:1.25rem}.country-flag{font-size:1.75rem}.city-item{padding:.875rem}.city-name{font-size:1rem}.city-description{font-size:.85rem}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#e9ecef,#f8f9fa);background-attachment:fixed;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:-50%;right:-10%;width:80%;height:80%;background:radial-gradient(circle,rgba(102,126,234,.08) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:float 20s ease-in-out infinite}body:after{content:"";position:fixed;bottom:-30%;left:-10%;width:60%;height:60%;background:radial-gradient(circle,rgba(118,75,162,.06) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0;animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(5deg)}66%{transform:translate(-20px,20px) rotate(-5deg)}}.app{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.main-content{flex:1;padding-bottom:5rem;position:relative;z-index:1}.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.25rem;color:#7f8c8d}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}@media(max-width:768px){body{font-size:14px}}@media(max-width:480px){body{font-size:13px}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,#f8f9fa,#e9ecef)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:6px;border:2px solid #f8f9fa}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c8ef7,#8b5bb8)}::selection{background:#667eea33;color:#1a202c}::-moz-selection{background:#667eea33;color:#1a202c}