/*Photography */

        @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;600;800&display=swap');
        :root { --bg: #030712; --accent: #38bdf8; }
        body { font-family: 'Plus Jakarta Sans', sans-serif; background-color: var(--bg); color: #f8fafc; scroll-behavior: smooth; overflow-x: hidden; }
        
        .glass-card {
            background: rgba(255, 255, 255, 0.02);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 2rem;
        }

        .gradient-text {
            background: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .full-section { min-height: 100vh; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 6rem 2rem; position: relative; }

        /* Gallery Ratio 3:4 */
        .img-container { 
            position: relative;
            width: 100%; 
            aspect-ratio: 3 / 4; 
            overflow: hidden; 
            border-radius: 1.5rem; 
            background: #0f172a;
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .img-gallery { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1); }
        .img-container:hover .img-gallery { transform: scale(1.1); }

        /* Mockup Mobile */
        .phone-mockup {
            width: 290px; height: 600px; background: #000; border: 10px solid #1e293b;
            border-radius: 3.5rem; overflow: hidden; position: relative; box-shadow: 0 0 50px rgba(56, 189, 248, 0.2);
        }

        .btn-action {
            background: rgba(56, 189, 248, 0.1);
            border: 1px solid rgba(56, 189, 248, 0.2);
            transition: all 0.3s ease;
            backdrop-filter: blur(10px);
        }
        .btn-action:hover { background: var(--accent); color: #000; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(56, 189, 248, 0.3); }

        .back-btn {
            transition: all 0.3s ease;
        }
        .back-btn:hover { transform: translateX(-5px); color: var(--accent); }
        
        /* Floating blur effect */
        .blur-spot {
            position: absolute; width: 400px; height: 400px; background: radial-gradient(circle, rgba(56,189,248,0.07) 0%, rgba(0,0,0,0) 70%);
            z-index: -1; filter: blur(60px);
        }