.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:4rem 2rem 4.5rem;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:2rem 2.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:160px;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)}.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}.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}.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}@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:3.5rem;font-weight:800;color:#1a202c;margin:2rem 0 1.5rem;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 20px 60px #1e3a8a66,0 0 0 1px #8b5cf64d,inset 0 1px #ffffff1a;min-height:300px;border:2px solid transparent;background-clip:padding-box}.world-card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent),radial-gradient(1px 1px 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:250px;height:250px;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(-8px) scale(1.01);box-shadow:0 30px 80px #1e3a8a80,0 0 0 1px #8b5cf680,inset 0 1px #fff3,0 0 60px #8b5cf64d}.world-card .continent-name{color:#fff!important;font-size:2.5rem!important;text-shadow:0 2px 10px rgba(0,0,0,.3),0 0 30px rgba(139,92,246,.5);letter-spacing:.02em;position:relative;z-index:2}.world-card .stat-value{color:#fff!important;background:none!important;-webkit-text-fill-color:white!important;font-size:3rem!important;text-shadow:0 2px 20px rgba(139,92,246,.6),0 0 40px rgba(255,255,255,.3);filter:drop-shadow(0 0 10px rgba(139,92,246,.8))}.world-card .stat-label{color:#fffffff2!important;text-shadow:0 1px 3px rgba(0,0,0,.3);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.world-card .stat{background:#ffffff1a!important;border:1px solid rgba(139,92,246,.4)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0003,inset 0 1px #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:14px;padding:1px;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(-3px);box-shadow:0 12px 40px #8b5cf666,inset 0 1px #fff3}.world-card .stat:hover:before{opacity:1}.world-icon{font-size:6rem;margin-bottom:1.5rem;text-shadow:0 0 40px rgba(139,92,246,.8),0 0 80px rgba(139,92,246,.4),0 4px 20px rgba(0,0,0,.3);animation:float-icon 6s ease-in-out infinite;position:relative;z-index:2;filter:drop-shadow(0 0 20px rgba(255,255,255,.5));display:inline-block}@keyframes float-icon{0%,to{transform:translateY(0) rotate(0) scale(1)}50%{transform:translateY(-15px) 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:1.5rem 1rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:1rem}.continents-grid{grid-template-columns:1fr;gap:1.5rem}}.country-card{background:#fff;border-radius:24px;padding:2.5rem 2rem;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);text-align:center;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;border:1px solid rgba(102,126,234,.08)}.country-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 .6s ease;z-index:1}.country-card:hover:before{left:100%}.country-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 16px 48px #667eea33;border-color:#667eea4d}.country-flag{font-size:5.5rem;margin-bottom:2rem;line-height:1;display:inline-block;transition:transform .5s ease;animation:gentle-bounce 3s ease-in-out infinite;position:relative;z-index:2}.country-card:hover .country-flag{transform:scale(1.15) rotate(-5deg);animation:none}@keyframes gentle-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(3deg)}}.country-name{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:#1a202c;margin-bottom:2rem;min-height:2.8rem;display:flex;align-items:center;letter-spacing:-.01em;line-height:1.3;position:relative;z-index:2}.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:1.25rem 2rem;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:18px;transition:all .3s ease;border:1px solid rgba(102,126,234,.15)}.cities-count:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:scale(1.08);border-color:#667eea4d}.count-value{font-family:Playfair Display,serif;font-size:2rem;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}.count-label{font-family:Inter,sans-serif;font-size:.8rem;color:#718096;margin-top:.5rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}@media(max-width:768px){.country-card{padding:1rem}.country-flag{font-size:3rem}.country-name{font-size:1.1rem;min-height:2rem}.count-value{font-size:1.25rem}}.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:1200px;margin:0 auto;padding:4rem 2rem 5rem}.page-header{text-align:center;margin-bottom:4rem}.header-icon{font-size:4.5rem;margin-bottom:1.5rem}.page-header h1{font-family:Playfair Display,serif;font-size:3.5rem;color:#1a202c;margin:0 0 1.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.page-header p{font-family:Crimson Text,serif;font-size:1.3rem;font-style:italic;color:#718096;margin:0;line-height:1.6}.back-button-container{margin-bottom:2rem}.back-button{background:#ecf0f1;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;color:#2c3e50;transition:background-color .2s}.countries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}@media(max-width:768px){.countries-page{padding:1.5rem 1rem}.header-icon{font-size:3rem}.page-header h1{font-size:1.75rem}.page-header p{font-size:1rem}.countries-grid{grid-template-columns:1fr;gap:1rem}}.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:1200px;margin:0 auto;padding:4rem 2rem 5rem}.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:space-between;align-items:center;margin-bottom:3rem;gap:1.5rem;flex-wrap:wrap}.back-button{background:#ecf0f1;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;color:#2c3e50;transition:all .2s}.back-button:hover{background:#bdc3c7}.create-story-button{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #f5576c4d}.create-story-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f5576c66}.cities-list{display:flex;flex-direction:column;gap:3rem}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2.5rem;margin-bottom:3rem}.story-card{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 4px 20px #00000014;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1.5rem;border:1px solid rgba(102,126,234,.08);position:relative;overflow:hidden}.story-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.03),transparent);transition:left .5s ease}.story-card:hover:before{left:100%}.story-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 40px #667eea33;border-color:#667eea4d}.story-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.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}.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}.story-card-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:500}.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}.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)}.story-card-date,.story-card-read-time{display:flex;align-items:center;gap:4px}.story-card-footer{display:flex;justify-content:flex-end}.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 .3s ease;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 .3s ease}.story-card:hover .read-more-link{transform:translate(6px)}.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:#ecf0f1;border:none;padding:.75rem 1.5rem;border-radius:6px;cursor:pointer;font-size:1rem;color:#2c3e50;transition:all .2s;margin-bottom:1.5rem}.back-to-stories-button:hover{background:#bdc3c7;transform:translate(-4px)}.city-detail-card{background:#fff;border-radius:16px;padding:2.5rem;box-shadow:0 4px 16px #00000014;border:1px solid #f0f0f0}.city-header{display:flex;flex-direction:column;margin-bottom:2rem;gap:1rem;padding-bottom:1.5rem;border-bottom:2px solid #f7fafc}.city-header h2{font-family:Playfair Display,serif;font-size:2.75rem;color:#1a202c;margin:0;font-weight:800;line-height:1.2;letter-spacing:-.03em}.city-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.95rem;color:#718096;font-weight:500}.publish-date,.word-count{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f7fafc;border-radius:8px;transition:all .2s ease}.publish-date:hover,.word-count:hover{background:#edf2f7;color:#4a5568}.draft-badge{background:linear-gradient(135deg,#ffeaa7,#fdcb6e);color:#6c5100;padding:6px 14px;border-radius:12px;font-weight:600;font-size:.85rem;box-shadow:0 2px 6px #fdcb6e4d}.blog-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:2rem;padding:1rem 0}.blog-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 2px 8px #667eea40;transition:all .2s ease}.blog-tag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea59}.blog-content{margin-bottom:2rem}.blog-text{font-family:Crimson Text,serif;color:#2d3748;font-size:1.25rem;line-height:1.9;margin:0 0 2rem;white-space:pre-wrap;letter-spacing:.01em;word-spacing:.02em;max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.blog-text:first-line{font-size:1.4rem;font-weight:600;color:#1a202c;letter-spacing:.005em}.city-detail-card .blog-content{padding:1.5rem;background:linear-gradient(to bottom,#fafafa,#fff);border-radius:8px;border-left:4px solid #667eea;margin-bottom:2.5rem}.edit-blog-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 28px;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;margin-top:1rem;display:inline-flex;align-items:center;gap:8px}.edit-blog-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #667eea73;background:linear-gradient(135deg,#7c8ef7,#8b5bb8)}.edit-blog-button:active{transform:translateY(-1px)}.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:1.5rem 1rem}.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:1rem}.story-card{padding:1.25rem}.story-card-header h3{font-size:1.2rem}.city-detail-card{padding:1.5rem;border-radius:12px}.city-header{flex-direction:column;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem}.city-header h2{font-size:1.75rem;letter-spacing:-.01em}.blog-text{font-size:1rem;line-height:1.75;letter-spacing:0}.blog-text:first-line{font-size:1.05rem}.city-detail-card .blog-content{padding:1rem;margin-bottom:1.5rem}.description-display{flex-direction:column}.description-display p{min-width:100%}.edit-actions{flex-wrap:wrap}}.world-page{max-width:1400px;margin:0 auto;padding:4rem 2rem 5rem}.world-header{text-align:center;margin-bottom:4rem}.world-logo{height:140px;width:auto;margin-bottom:2rem}.world-header h1{font-family:Playfair Display,serif;font-size:4rem;margin:1.5rem 0;color:#1a202c;font-weight:800;letter-spacing:-.03em;line-height:1.1}.world-header p{font-family:Crimson Text,serif;font-size:1.3rem;font-style:italic;color:#718096;margin:0;font-weight:400}.world-stats{display:flex;justify-content:center;gap:3rem;margin-bottom:4rem}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem 4rem;border-radius:20px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 16px #667eea4d;transition:all .4s cubic-bezier(.4,0,.2,1)}.stat-card:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 32px #667eea80}.stat-number{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:800;line-height:1;letter-spacing:-.02em}.stat-label{font-family:Inter,sans-serif;font-size:1.1rem;opacity:.95;margin-top:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.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:1.5rem 1rem}.world-header h1{font-size:1.75rem;letter-spacing:-.01em}.world-header p{font-size:1rem}.world-logo{height:80px}.world-stats{flex-direction:column;gap:1rem}.stat-card{padding:1.5rem 2.5rem;border-radius:12px}.stat-number{font-size:2.5rem}.country-section{padding:1.5rem;border-radius:12px}.country-header{flex-wrap:wrap;padding-bottom:1rem}.country-name{font-size:1.4rem}.country-flag{font-size:2rem}.continent-badge{font-size:.8rem;padding:6px 12px}.cities-grid{grid-template-columns:1fr}.city-item{padding:1rem}.city-name{font-size:1.1rem}.city-description{font-size:.9rem}}*{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}