*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.photography-tools-container{min-height:100vh;position:relative;overflow-x:hidden}.background-gradient{background:linear-gradient(135deg,rgba(66,129,164,.1),rgba(27,38,79,.05) 50%,rgba(245,245,245,.1));z-index:-2}.background-gradient,.floating-elements{position:fixed;top:0;left:0;width:100%;height:100%}.floating-elements{pointer-events:none;z-index:-1}.float-element{position:absolute;border-radius:50%;opacity:.6;animation:float 8s ease-in-out infinite}.float-1{width:300px;height:300px;background:linear-gradient(135deg,rgba(66,129,164,.1),rgba(27,38,79,.05));top:20%;left:10%;animation-delay:-2s}.float-2{width:200px;height:200px;background:linear-gradient(135deg,rgba(27,38,79,.08),rgba(66,129,164,.06));top:60%;right:15%;animation-delay:-4s}.float-3{width:150px;height:150px;background:linear-gradient(135deg,rgba(245,245,245,.3),rgba(66,129,164,.1));bottom:20%;left:20%;animation-delay:-6s}@keyframes float{0%,to{transform:translateY(0) rotate(0deg);opacity:.4}33%{transform:translateY(-20px) rotate(120deg);opacity:.6}66%{transform:translateY(20px) rotate(240deg);opacity:.5}}.header-section{padding:4rem 2rem 2rem;text-align:center;position:relative;z-index:10}.header-content{max-width:800px;margin:0 auto}.hero-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:2rem;background:linear-gradient(135deg,#4281a4,#1b264F);border-radius:20px;color:white;box-shadow:10px 10px 25px rgba(51,92,103,.25),-10px -10px 25px rgba(255,255,255,.9);transition:transform .3s ease}.hero-icon:hover{transform:translateY(-5px) scale(1.05)}.main-title{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#1b264F,#4281a4 50%,#1b264F);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem;letter-spacing:-.02em}.main-subtitle{font-size:1.25rem;color:#64748b;line-height:1.7;font-weight:400}.main-content{padding:2rem;position:relative;z-index:10}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:2rem;gap:2rem;max-width:1400px;margin:0 auto}.tool-card,.tool-card-wrapper{position:relative}.tool-card{min-height:280px;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:10px 10px 15px rgba(51,92,103,.12),-10px -10px 15px rgba(255,255,255,1);border:1px solid rgba(0,0,0,.175);background-image:linear-gradient(135deg,white 40%,#f5f5f5)}.tool-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:15px 15px 25px rgba(51,92,103,.2),-15px -15px 25px rgba(255,255,255,1)}.tool-gradient{position:absolute;top:0;left:0;right:0;height:6px;opacity:.8;transition:opacity .3s ease}.tool-card:hover .tool-gradient{opacity:1}.tool-content{padding:2rem;position:relative;z-index:2}.tool-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.tool-title{font-size:1.5rem;font-weight:700;color:#1b264F;flex:1 1;min-width:200px}.tool-status{padding:.5rem 1rem;border-radius:25px;font-size:.875rem;font-weight:600;white-space:nowrap}.tool-status.available{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(22,163,74,.1));color:#15803d;border:1px solid rgba(34,197,94,.2)}.tool-status.coming-soon{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(217,119,6,.1));color:#d97706;border:1px solid rgba(245,158,11,.2)}.tool-description{color:#64748b;font-size:1rem;line-height:1.6;margin-bottom:2rem}.tool-button{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-button.available{background:linear-gradient(135deg,#4281a4,#1b264F);color:white;box-shadow:0 8px 20px rgba(66,129,164,.3)}.tool-button.available:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(66,129,164,.4)}.tool-button.available:active{transform:translateY(-1px)}.tool-button.disabled{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#94a3b8;cursor:not-allowed}.footer-section{padding:3rem 2rem;position:relative;z-index:10}.footer-card{max-width:800px;margin:0 auto;text-align:center;padding:3rem 2rem;border-radius:25px;box-shadow:10px 10px 15px rgba(51,92,103,.12),-10px -10px 15px rgba(255,255,255,1);border:1px solid rgba(0,0,0,.175);background-image:linear-gradient(135deg,white 40%,#f5f5f5)}.footer-title{font-size:2.25rem;font-weight:700;color:#1b264F;margin-bottom:1.5rem}.footer-description{font-size:1.125rem;color:#64748b;margin-bottom:2.5rem;line-height:1.7}.footer-cta-button{padding:1.25rem 2.5rem;background:linear-gradient(135deg,#4281a4,#1b264F);color:white;border:none;border-radius:15px;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px rgba(66,129,164,.3)}.footer-cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(66,129,164,.4)}.footer-cta-button:active{transform:translateY(-1px)}@media screen and (max-width:768px){.header-section{padding:2rem 1rem 1rem}.main-title{font-size:2.5rem}.main-subtitle{font-size:1.125rem}.main-content{padding:1rem}.tools-grid{grid-template-columns:1fr;gap:1.5rem}.tool-card{min-height:250px}.tool-content{padding:1.5rem}.tool-header{flex-direction:column;align-items:flex-start;gap:.75rem}.tool-title{font-size:1.375rem;min-width:auto}.footer-section{padding:2rem 1rem}.footer-card{padding:2rem 1.5rem;border-radius:20px}.footer-title{font-size:1.875rem}}@media screen and (max-width:480px){.tools-grid{grid-template-columns:1fr;margin:0}.tool-card{margin:0;border-radius:15px}.main-title{font-size:2rem}.hero-icon{width:60px;height:60px}}.footer-card,.tool-card{will-change:transform}.tool-button{will-change:transform,box-shadow}.footer-cta-button:focus-visible,.tool-button:focus-visible{outline:3px solid #4281a4;outline-offset:3px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.float-element{animation:none}}.tool-card:hover .tool-title{color:#4281a4;transition:color .3s ease}.tool-card:hover .tool-description{color:#475569;transition:color .3s ease}.tool-button:disabled{pointer-events:none}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:rgba(245,245,245,.5);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#4281a4,#1b264F);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1b264F,#4281a4)}