.about-page{padding:2rem 0}.about-section,.classification-section,.data-section,.stats-section{margin-bottom:3rem}.about-section h2,.classification-section h2,.data-section h2,.stats-section h2{color:var(--primary);margin-bottom:1.5rem;font-size:1.8rem}.classification-card{background:var(--white);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.classification-card h3{margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid}.unprovoked{color:#e63946;border-color:#e63946}.boat{color:#2a9d8f;border-color:#2a9d8f}.disaster{color:#e9c46a;border-color:#e9c46a}.questionable{color:#457b9d;border-color:#457b9d}.classification-card p{color:var(--gray);line-height:1.8;margin-bottom:1rem}.data-section ul{list-style:disc;padding-left:2rem;margin-bottom:1.5rem}.data-section li{margin-bottom:.8rem;color:var(--gray)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.stat-card h3{color:var(--secondary);margin-bottom:1rem;font-size:1.2rem}.stat-card p{color:var(--primary);font-size:2rem;font-weight:700}.error-message{background:#ffe3e3;color:#dc3545;padding:1rem;border-radius:var(--radius);margin:2rem 0;text-align:center}@media (max-width: 768px){.about-page{padding:1rem 0}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}}.statistics-page{padding:2rem 0}.statistics-section{margin-bottom:3rem}.statistics-section h2{color:var(--primary);margin-bottom:1.5rem;font-size:1.8rem;border-bottom:2px solid var(--primary);padding-bottom:.5rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem}.stat-card{background:var(--white);padding:1.5rem;border-radius:12px;box-shadow:0 4px 6px #0000001a;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.stat-card h3{color:var(--secondary);margin-bottom:.5rem;font-size:1.2rem}.stat-card p{color:var(--primary);font-size:1.5rem;font-weight:700}.stats-list{background:var(--white);border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--light-gray)}.stat-item:last-child{border-bottom:none}.stat-item .country,.stat-item .activity{color:var(--secondary);font-weight:500}.stat-item .count{color:var(--primary);font-weight:700;background:rgba(26,115,232,.1);padding:.25rem .75rem;border-radius:20px}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.error-message{background:#ffe3e3;color:#dc3545;padding:1rem;border-radius:8px;margin:2rem 0;text-align:center}@media (max-width: 768px){.statistics-page{padding:1rem 0}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-item{padding:.75rem}}.page-container{max-width:1200px;margin:0 auto;padding:2rem}.page-container h1{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.page-container h2{color:var(--secondary);font-size:2rem;margin:1.5rem 0 1rem}.page-container p{color:var(--gray);line-height:1.6;margin-bottom:1rem}.page-container ul{list-style:disc;padding-left:2rem;margin-bottom:1.5rem}.page-container li{margin-bottom:.8rem;color:var(--gray)}.legal-page{max-width:800px;margin:0 auto;padding:2rem}.legal-page h1{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.legal-page h2{color:var(--secondary);font-size:2rem;margin:1.5rem 0 1rem}.legal-page p{color:var(--gray);line-height:1.6;margin-bottom:1rem}.legal-page ul{list-style:disc;padding-left:2rem;margin-bottom:1.5rem}.legal-page li{margin-bottom:.8rem;color:var(--gray)}@media (max-width: 768px){.page-container,.legal-page{padding:1rem}.page-container h1,.legal-page h1{font-size:2rem}.page-container h2,.legal-page h2{font-size:1.75rem}}.species-page{padding:2rem 0}.species-page h1{color:var(--primary);font-size:2.5rem;margin-bottom:1.5rem}.species-intro{margin-bottom:2rem;line-height:1.6;color:var(--gray)}.related-links{background-color:var(--light-gray);padding:1.5rem;border-radius:var(--radius);margin-bottom:2rem}.related-links h3{color:var(--secondary);margin-bottom:1rem}.related-links ul{list-style:none;padding:0;display:flex;gap:1.5rem}.related-links a{color:var(--primary);text-decoration:none;font-weight:500;transition:var(--transition)}.related-links a:hover{color:var(--primary-dark);text-decoration:underline}.species-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.species-card{background-color:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.species-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.species-image{height:200px;overflow:hidden;position:relative}.species-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.species-card:hover .species-image img{transform:scale(1.05)}.image-attribution{position:absolute;bottom:0;right:0;background-color:#0009;color:#fff;padding:2px 5px;font-size:.7rem;border-top-left-radius:5px}.image-attribution a{color:#fff;text-decoration:none}.image-attribution a:hover{text-decoration:underline}.species-content{padding:1.5rem}.species-content h2{color:var(--secondary);font-size:1.5rem;margin-bottom:.5rem}.scientific-name{color:var(--gray);margin-bottom:1rem;font-size:.9rem}.attack-count{color:var(--primary);font-weight:600;margin-bottom:1rem}.species-description{color:var(--gray);margin-bottom:1.5rem;font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.view-attacks-btn{display:inline-block;background-color:var(--primary);color:var(--white);padding:.75rem 1.25rem;border-radius:var(--radius);text-decoration:none;font-weight:500;transition:var(--transition)}.view-attacks-btn:hover{background-color:var(--primary-dark)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 0}.spinner{width:40px;height:40px;border:4px solid rgba(26,115,232,.2);border-radius:50%;border-top-color:var(--primary);animation:spin 1s ease-in-out infinite;margin-bottom:1rem}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:var(--radius);margin-bottom:2rem}@media (max-width: 768px){.species-grid{grid-template-columns:1fr}.related-links ul{flex-direction:column;gap:.75rem}.species-page h1{font-size:2rem}}.chart-section{margin:3rem 0;background:var(--white);padding:2rem;border-radius:var(--radius);box-shadow:var(--shadow)}.chart-container{max-width:800px;margin:0 auto;position:relative}.chart-description{text-align:center;margin-top:1rem;color:var(--gray);font-size:.9rem}.attacks-table h2{margin-bottom:1.5rem;color:var(--secondary);font-size:1.5rem}@media (max-width: 768px){.chart-section{padding:1rem;margin:2rem 0}.chart-container{max-width:100%}}.logo{display:flex;align-items:center;gap:1rem;text-decoration:none}.logo-icon{font-size:2rem}.logo-text-container{display:flex;flex-direction:column}.logo-main{font-size:1.5rem;font-weight:700;color:var(--secondary);line-height:1.2}.logo-sub{font-size:.9rem;color:var(--gray);font-weight:500}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem;padding:1rem 0}.logo{flex-direction:column;text-align:center;gap:.5rem}.logo-icon{font-size:1.8rem}.logo-main{font-size:1.3rem}.logo-sub{font-size:.8rem}.nav-links{gap:1rem;flex-wrap:wrap;justify-content:center}}.footer{background:var(--secondary);color:var(--white);padding:3rem 0 1rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{padding:1rem}.footer-section h3{color:var(--white);margin-bottom:1.5rem;font-size:1.1rem;border-bottom:2px solid var(--primary);padding-bottom:.5rem;display:inline-block}.footer-section p{color:var(--light-gray);line-height:1.6;font-size:.9rem;margin-bottom:1rem}.footer-section ul li{margin-bottom:.8rem}.footer-section ul a:hover{color:var(--primary)}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{color:var(--light-gray);font-size:1.2rem;transition:var(--transition)}.social-links a:hover{color:var(--primary)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem;text-align:center;color:var(--light-gray);font-size:.85rem}.footer-bottom .footer-links{margin-left:1rem}.footer-bottom a{color:var(--light-gray);text-decoration:none;margin:0 .5rem;transition:var(--transition)}.footer-bottom a:hover{color:var(--primary)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.footer-section h3{display:block;text-align:center}.social-links{justify-content:center}.footer-bottom{padding:1rem}.footer-bottom .footer-links{display:block;margin:.5rem 0 0}}:root{--primary: #1a73e8;--primary-dark: #1557b0;--secondary: #202124;--background: #f8f9fa;--white: #ffffff;--gray: #5f6368;--light-gray: #e8eaed;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--radius: 8px;--transition: all .2s ease;--content-width: 1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--secondary);background:var(--background);min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--content-width);margin:0 auto;padding:0 1rem}.header{background:var(--white);box-shadow:var(--shadow);position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon{font-size:1.5rem}.logo-text{font-size:1.25rem;font-weight:700;color:var(--secondary)}.nav-links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--gray);font-weight:500;text-decoration:none;transition:var(--transition);position:relative}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--primary);transition:var(--transition)}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:var(--primary)}.hero-section{background:var(--primary);padding:6rem 0;text-align:center;color:var(--white)}.hero-section h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero-section .subtitle{font-size:1.2rem;opacity:.9;margin-bottom:2rem;max-width:800px;margin:0 auto}.search-form{max-width:600px;margin:0 auto;display:flex;gap:.5rem;background:rgba(255,255,255,.1);border-radius:var(--radius);padding:.5rem}.search-form input{flex:1;padding:.8rem 1rem;border:2px solid rgba(255,255,255,.3);border-radius:25px;font-size:1rem;background:transparent;color:var(--white);transition:var(--transition)}.search-form input::placeholder{color:#ffffffb3}.search-form input:focus{outline:none;border-color:var(--white);background:rgba(255,255,255,.2)}.search-form button{background:var(--white);border:none;border-radius:25px;padding:.8rem;cursor:pointer;transition:var(--transition)}.search-form button:hover{background:rgba(255,255,255,.9)}.results-section{flex:1;padding:2rem 0;background:var(--background)}.results-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.results-header h2{color:var(--secondary)}.results-count{color:var(--gray);font-weight:500}.countries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.country-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;transition:var(--transition);cursor:pointer}.country-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #00000026}.country-card h3{color:var(--secondary);margin-bottom:.5rem}.incident-count{color:var(--primary);font-weight:500}.country-page{padding:2rem 0}.country-page h1{margin-bottom:2rem}.attacks-table{overflow-x:auto;margin-top:2rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--light-gray);font-size:.9rem}th{background:var(--primary);color:var(--white);font-weight:600;white-space:nowrap}tr:hover{background:var(--background)}td{color:var(--gray);vertical-align:top}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:4rem 0}.spinner{width:40px;height:40px;border:4px solid var(--light-gray);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-results{text-align:center;padding:2rem;color:var(--gray)}.error-message{background:#ffe3e3;color:#dc3545;padding:1rem;border-radius:var(--radius);margin-bottom:2rem;text-align:center}.footer{background:var(--secondary);color:var(--white);padding:2rem 0;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:2rem}.footer-section{padding:.5rem}.footer-section h3{color:var(--white);margin-bottom:1rem;font-size:1.1rem}.footer-section p{color:var(--light-gray);line-height:1.6;font-size:.9rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul a{color:var(--light-gray);text-decoration:none;font-size:.9rem;transition:var(--transition)}.footer-section ul a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;text-align:center;color:var(--light-gray);font-size:.9rem}@media (max-width: 768px){.hero-section{padding:4rem 0}.hero-section h1{font-size:2rem}.results-header{flex-direction:column;align-items:flex-start;gap:.5rem}.countries-grid{grid-template-columns:1fr}.attacks-table{border-radius:0;margin-left:-1rem;margin-right:-1rem;padding:.5rem}th,td{padding:.5rem}.footer-content{grid-template-columns:1fr}}
