:root{--accent: #0ff;--highlight: #0ff;--background-dark: #0a0f1a;--text-light: #eee;--text-muted: #888;--shadow-glow: rgba(0, 255, 255, .3)}body{background:var(--background-dark);color:var(--text-light);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0;scroll-behavior:smooth}a{color:var(--accent);text-decoration:none;transition:color .3s ease}a:hover,a:focus{color:#0ff9ff;outline:none}.navbar{position:fixed;top:0;left:0;right:0;background:#0a0f1ae6;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;z-index:9999;box-shadow:0 0 10px var(--shadow-glow)}.logo{font-weight:700;font-size:1.5rem;color:var(--accent);cursor:pointer;-webkit-user-select:none;user-select:none}.nav-links{display:flex;gap:1.6rem}.nav-links a{font-weight:600;font-size:1rem;padding:.4rem .8rem;border-radius:8px;transition:background-color .3s ease,color .3s ease}.nav-links a:hover,.nav-links a:focus{background:var(--accent);color:#000;outline:none}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer;background:transparent;border:none}.hamburger span{display:block;width:25px;height:3px;background:var(--accent);border-radius:3px;transition:all .3s ease}.nav-links.open{display:flex!important;flex-direction:column;position:fixed;top:56px;right:0;background:#0a0f1af2;padding:1rem 2rem;border-radius:8px 0 0 8px;box-shadow:-4px 4px 10px var(--shadow-glow);width:200px;height:calc(100vh - 56px);z-index:10000}.section.hero{min-height:100vh;background:linear-gradient(135deg,#00111a,#003358);display:flex;justify-content:center;align-items:center;position:relative;padding:4rem 2rem 6rem;text-align:center;color:var(--accent)}.hero-overlay{z-index:2;max-width:600px;margin:0 auto}.hero-title{font-size:3rem;margin-bottom:.8rem;font-weight:900;text-shadow:0 0 10px var(--accent)}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;font-weight:600}.hero-button{font-size:1.1rem;font-weight:700;padding:.75rem 2rem;border-radius:30px;border:none;cursor:pointer;background:var(--accent);color:#000;text-transform:uppercase;box-shadow:0 0 20px var(--accent);transition:background-color .3s ease}.hero-button:hover,.hero-button:focus{background:#0ff9ff;outline:none}.floating-orbs{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;gap:1.2rem;z-index:1}.floating-orbs span{width:15px;height:15px;background:var(--accent);border-radius:50%;animation:floatAnim 3s infinite ease-in-out}.floating-orbs span:nth-child(2){animation-delay:.5s}.floating-orbs span:nth-child(3){animation-delay:1s}@keyframes floatAnim{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-15px);opacity:.7}}.section-title{font-size:2.4rem;margin-bottom:1rem;color:var(--accent);font-weight:900;text-align:center;text-shadow:0 0 10px var(--accent)}.section-subtitle{text-align:center;color:var(--text-muted);margin-bottom:3rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;padding:0 1rem}.feature-card{background:#ffffff0d;border-radius:16px;padding:2rem 1.5rem;text-align:center;box-shadow:0 0 10px #00ffff26;transition:transform .3s ease;cursor:default}.feature-card:hover,.feature-card:focus{transform:translateY(-6px);box-shadow:0 0 20px var(--accent);outline:none}.feature-card i{font-size:2.5rem;color:var(--accent);margin-bottom:1rem}.feature-card h3{font-weight:700;margin-bottom:.5rem;color:var(--accent)}.feature-card p{font-size:.95rem;color:var(--text-muted)}.upload-box{max-width:480px;margin:0 auto;text-align:center}.upload-area{display:block;border:2px dashed var(--accent);padding:2rem;border-radius:20px;cursor:pointer;position:relative;transition:background-color .3s ease}.upload-area:hover,.upload-area:focus{background-color:#00ffff1a;outline:none}.upload-placeholder{color:var(--accent);font-size:1.25rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.upload-placeholder i{font-size:2.5rem}.image-preview{max-width:100%;max-height:280px;object-fit:contain;border-radius:16px;box-shadow:0 0 15px var(--accent);margin-bottom:1rem}.upload-actions{margin-top:1rem;display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.upload-actions input[type=text]{flex:1 1 220px;padding:.6rem 1rem;border-radius:12px;border:none;font-size:1rem;outline:none;box-shadow:0 0 5px #00ffff4d;background:#ffffff0d;color:var(--text-light)}.upload-button{padding:.6rem 1.6rem;border-radius:12px;background:var(--accent);border:none;cursor:pointer;font-weight:700;font-size:1rem;color:#000;box-shadow:0 0 15px var(--accent);transition:background-color .3s ease}.upload-button:disabled{cursor:not-allowed;opacity:.7}.upload-button:hover:not(:disabled),.upload-button:focus:not(:disabled){background:#0ff9ff;outline:none}.gallery{padding:4rem 2rem}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem}.card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;box-shadow:0 6px 18px #0ff3;transition:transform .3s ease,box-shadow .3s ease;background:#ffffff0d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(0,255,255,.2)}.card:hover,.card:focus{transform:scale(1.05);box-shadow:0 12px 36px #0ff9;outline:none;z-index:10}.card img{width:100%;height:160px;object-fit:cover;border-bottom:1px solid rgba(255,255,255,.15);transition:transform .3s ease}.card:hover img{transform:scale(1.1)}.card-overlay{padding:1rem;color:var(--accent);background:linear-gradient(to top,rgba(0,255,255,.6),transparent);position:absolute;bottom:0;width:100%;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-sizing:border-box}.card-overlay h3{margin:0 0 .3rem;font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-overlay span{font-size:.85rem;color:var(--text-muted)}.contact{padding:3rem 2rem;text-align:center;color:var(--text-muted)}.contact a{color:var(--accent);font-weight:600}.loading-text{font-style:italic;text-align:center;color:var(--text-muted);margin:3rem 0;font-size:1.2rem}@media (max-width: 768px){.nav-links{display:none}.hamburger{display:flex}.features-grid{grid-template-columns:1fr 1fr}.image-grid{grid-template-columns:1fr}}@media (max-width: 480px){.features-grid{grid-template-columns:1fr}.upload-actions{flex-direction:column}.upload-actions input[type=text]{flex:1 1 100%}.upload-actions button{width:100%}}.section.contact{background:linear-gradient(135deg,#00111a,#003358);color:var(--accent);padding:4rem 2rem 6rem;text-align:center;max-width:600px;margin:0 auto 4rem;border-radius:20px;box-shadow:0 0 40px #00ffff4d}.section.contact h2{font-size:2.8rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 0 12px var(--accent)}.section.contact .section-subtitle{margin-bottom:2rem;font-size:1.1rem;font-weight:600;color:var(--text-muted)}.section.contact a{color:var(--accent);text-decoration:underline;font-weight:700;transition:color .3s ease}.section.contact a:hover,.section.contact a:focus{color:#0ff9ff;outline:none}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.contact-form input,.contact-form textarea{background:#ffffff0d;border:2px solid var(--accent);border-radius:12px;padding:.75rem 1rem;font-size:1rem;color:var(--accent);font-weight:600;outline:none;transition:border-color .3s ease,box-shadow .3s ease;resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted);font-weight:500}.contact-form input:focus,.contact-form textarea:focus{border-color:#0ff9ff;box-shadow:0 0 12px #0ff9ff}.contact-form button{background:var(--accent);color:#000;border:none;font-weight:900;font-size:1.1rem;padding:.9rem 1.5rem;border-radius:30px;cursor:pointer;box-shadow:0 0 20px var(--accent);text-transform:uppercase;transition:background-color .3s ease}.contact-form button:hover,.contact-form button:focus{background:#0ff9ff;outline:none}.footer-note{margin-top:2rem;font-size:.9rem;color:var(--text-muted);font-weight:500;-webkit-user-select:none;user-select:none}@media (max-width: 480px){.section.contact{padding:3rem 1rem 4rem}.section.contact h2{font-size:2.2rem}.contact-form input,.contact-form textarea{font-size:.9rem}.contact-form button{font-size:1rem;padding:.75rem 1.2rem}}